/*
Theme Name: Mobile-Marketing Media
Theme URI: http://.mobilemarketing-media.com/
Author: Mobile-Marketing Media
Author URI: http://mobile-marketingmedia.com/
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mmm
*/

/* ====================================================================================================
	Normalize
==================================================================================================== */

	/*! normalize.css v1.0.1 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;iical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

@font-face {
    font-family: 'univers-cd';
    src: url('../fonts/universltstd-cn.eot');
    src: url('../fonts/universltstd-cn.eot?#iefix') format('embedded-opentype'),
         url('../fonts/universltstd-cn.woff') format('woff'),
         url('../fonts/universltstd-cn.ttf') format('truetype'),
         url('../fonts/universltstd-cn.svg#univers-cd') format('svg');
    font-weight: normal;
    font-style: normal;
   }
@font-face {
    font-family: 'univers-ultracd';
    src: url('../fonts/universltstd-ultracn.eot');
    src: url('../fonts/universltstd-ultracn.eot?#iefix') format('embedded-opentype'),
         url('../fonts/universltstd-ultracn.woff') format('woff'),
         url('../fonts/universltstd-ultracn.ttf') format('truetype'),
         url('../fonts/universltstd-ultracn.svg#univers-ultracd') format('svg');
    font-weight: normal;
    font-style: normal;
   }
@font-face {
	font-family: 'universltstd-cn';
	src: url('../fonts/universltstd-cn.eot?') format('eot'), 
	     url('../fonts/universltstd-cn.otf')  format('opentype'),
	     url('../fonts/universltstd-cn.woff') format('woff'), 
	     url('../fonts/universltstd-cn.ttf')  format('truetype'),
	     url('../fonts/universltstd-cn.svg#universltstd-cn') format('svg');
}
@font-face {
	font-family: 'universltstd-ultracn';
	src: url('../fonts/universltstd-ultracn.eot?') format('eot'), 
	     url('../fonts/universltstd-ultracn.otf')  format('opentype'),
	     url('../fonts/universltstd-ultracn.woff') format('woff'), 
	     url('../fonts/universltstd-ultracn.ttf')  format('truetype'),
	     url('../fonts/universltstd-ultracn.svg#universltstd-ultracn') format('svg');
}

/* ====================================================================================================
	Selection
==================================================================================================== */

	::selection { background: #000; color: #fff; text-shadow: none;}
	::-moz-selection { background: #000; color: #fff; text-shadow: none;}
	img::selection { background: transparent;}
	img::-moz-selection { background: transparent;}
	body { -webkit-tap-highlight-color: rgba(0,0,0,0.5);}

/* ====================================================================================================
	General
==================================================================================================== */
	
	#captcha {
		height: 52px;
		width: 140px;
	}
	div.mce_inline_error {
		background-color: transparent !important;
		color: #b20000 !important;
	}
	#mce-success-response { margin-top: 10px;}

	#is-mobile, #is-tablet, #is-desktop, #is-landscape, #is-retina { display: none; height: 0; width: 0; position: fixed; z-index: 10; top: 0; left: 0;}

	html { width: 100%; height: 100%; overflow-x: hidden; background: #fff url(../images/bg.jpg) repeat-y center top;}
	body { width: 100%; height: auto; min-height: 100%; color: #363636; font-size: 16px; font-weight: normal; overflow-x: hidden; font-family: "UniversLTStd-Cn", 'Arial', serif;}

	.hidden, .view-list-categorie, .view-list-produit, #block-views-list-categorie-block, #block-views-list-produit-block, #block-views-type-de-plat-block { display: none;}
	.hidden-md, .visible-xs, .visible-sm, .visible-ie { display: none !important; visibility: hidden !important;}
	.visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
	.visually-hidden.focusable:active, .visually-hidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}
	.invisible { visibility: hidden;}

	.clear { clear: both;}
	.clearfix:before, .clearfix:after { content: ""; display: table; line-height: 0;}
	.clearfix:after { clear: both;}
	.clearfix { *zoom: 1;}

	*, *:before, *:after {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		   		box-sizing: border-box;
	}

	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h3b, .h4, .h5, .h6 { color: inherit; line-height: 1em; font-weight: normal; font-family: 'UniversLTStd-UltraCn', 'Arial', serif;}
	h1, .h1 { font-size: 52px; margin: 20px 0;}
	h1 span.result { vertical-align: middle; color: #999; font-size: 30px; margin-left: 20px;}
	h2, .h2 { font-size: 40px; margin: 15px 0;}
	h3, .h3 { font-size: 26px; margin-top: 0;}
	.h3b { font-size: 32px; margin-top: 0;}
	h4, .h4 { font-size: 26px;}
	h5, .h5 { font-size: 22px;}
	h6, .h6 { font-size: 20px;}
	.page-title { padding: 40px 30px; margin: 0 0 20px 0;}

	p { color: inherit; font: inherit; margin: 0 0 1em 0;}

	a, a:link, a:visited { color: #e66801; font: inherit; text-decoration: none;
	   /*-webkit-transition: all 0.3s ease-out;
	      -moz-transition: all 0.3s ease-out;
	        -o-transition: all 0.3s ease-out;
	           transition: all 0.3s ease-out;*/
	}
	a:hover { color: inherit; text-decoration: none;}
	a:focus, a:active { color: inherit;}
	.caps { text-transform: uppercase;}

	.text-left { text-align: left !important;}
	.text-right { text-align: right !important;}
	.text-center { text-align: center !important;}
	.text-justify { text-align: justify !important;}

	.bg-white { background: #fff;}
	.bg-orange { background: #e66801;}
	.bg-vert { background: #007a17;}
	.bg-gray { background: #1d1d1b;}

	.text-white { color: #fff;}
	.text-orange { color: #e66801;}
	.text-vert { color: #007a17;}
	.text-large { font-size: 1.2em;}
	small, .small { font-size: 0.857em;}

	.pull-left { float: left !important;}
	.pull-right { float: right !important;}
	.no-pull { float: none !important;}

	.list-unstyled { padding: 0; margin: 0;}
	.list-unstyled li { list-style: none;}
	.list-inline li { display: inline-block; vertical-align: top;}

	.block { display: block;}
	.relative { position: relative;}

	img { vertical-align: middle; max-width: 100%; height: auto;}
	iframe { margin: 0 auto; display: block; max-width: 100%;}
	.xs-spacer { clear: both; height: 15px;}
	.sm-spacer { clear: both; height: 30px;}
	.lg-spacer { clear: both; height: 60px;}
	.md-padding { padding: 40px;}
	.lg-padding { padding: 50px;}

	.caroussel img { max-width: 80%; margin-bottom: 10px;}

	.num.no-border { border: none;}

	.ultra { font-family: 'UniversLTStd-UltraCn' !important;}
	.swiper-caroussel a { color: #000;}
	.swiper-caroussel a:hover { color: #e66801;}

/* ====================================================================================================
	Columns
==================================================================================================== */

	#page { width: 100%; height: auto; overflow: hidden; z-index: 2; position: relative; -webkit-backface-visibility: hidden; -webkit-transition: translate3d(0,0,0);}

	.wrapper { max-width: 970px; padding: 0 15px; margin: 0 auto;}
	.row     { margin: 0 -15px;}
	.column  { padding: 15px; width: 100%; float: left;}
	.inside  { padding: 15px 30px;}
	.with-border { background: #fff; border: 1px solid #d1d1d1;}
	.no-margin { margin: 0 !important;}
	.no-padding { padding: 0 !important;}
	.no-top-padding { padding-top: 0 !important;}
	.padding-left { padding: 0 0 0 30px !important;}
	.with-padding { padding: 15px;}
	.fixed-height { height: 469px;}
	.succ.fixed-height { min-height: 469px; height: auto;}

	.col-1  { width: 8.33333%;}
	.col-2  { width: 16.6667%;}
	.col-3  { width: 25%;}
	.col-4  { width: 33.3333%;}
	.col-5  { width: 41.6667%;}
	.col-6  { width: 50%;}
	.col-7  { width: 58.3333%;}
	.col-8  { width: 66.6667%;}
	.col-9  { width: 75%;}
	.col-10 { width: 83.3333%;}
	.col-11 { width: 91.6667%;}
	.col-12 { width: 100%;}

	#content { padding: 20px 15px 40px 15px; width: 970px; margin: 0 auto;}

	.half { width: 48%; float: left; margin-right: 4%;}
	.half.last { margin-right: 0;}

/* ====================================================================================================
	Header
==================================================================================================== */
	
	#header > .wrapper { height: 220px;}
	#logo { display: block; width: 220px; height: 100px; background: url(../images/groupe-epicia.png) no-repeat; position: absolute; margin: 0; bottom: 90px; left: 15px; text-indent: -9999px;}
	#logo.vegetarien { width: 220px; height: 83px; bottom: 95px; background: url(../images/vegetarien.png) no-repeat; position: absolute;}
	#logo.corneau { width: 220px; height: 70px; bottom: 105px; background: url(../images/corneau-cantin.png) no-repeat; position: absolute;}
	#logo.dumont { width: 220px; height: 106px; bottom: 85px; background: url(../images/jardin-du-mont.png) no-repeat; position: absolute;}
	#logo.jardin { width: 120px; height: 123px; bottom: 75px; background: url(../images/jardin-mobile.png) no-repeat; position: absolute;}

	.logos {
		list-style: none;
		padding: 0;
		margin: 0;
		position: absolute;
		bottom: 90px;
		left: 260px;
	}
	.logos li {
		display: inline-block;
		width: 44px;
		margin-right: 10px;
		vertical-align: middle;
	}

	#top-nav { position: absolute; top: 30px; right: 15px;}
	#top-nav ul { padding: 0; margin: 0;}
	#top-nav li { margin-left: 4px; display: block; float: left;}
	#top-nav a.sep { padding-right: 0; position: relative;}
	#top-nav a.sep span.line { border-right: 1px dotted #363636; background: none; display: block; float: right; height: 10px; width: 1px; margin: 0 0 0 8px; position: relative; top: 6px;}
	#top-nav a.sep span.line.first { margin: 0 8px 0 0; float: left;}
	#top-nav a { color: #363636; text-transform: uppercase; display: block; font-size: 1em; font-weight: normal; font-family: "Univers-ultracd", 'Arial', serif; vertical-align: top;}
	#top-nav a:hover { color: #000; text-decoration: underline;}
	#top-nav span.social { display: inline-block; width: 24px; height: 24px; margin-top: -5px;  vertical-align: middle;}
	#top-nav .twitter { background: url(../images/social.png) no-repeat 0 top;}
	#top-nav .vimeo { background: url(../images/social.png) no-repeat -24px top;}
	#top-nav .facebook { background: url(../images/social.png) no-repeat -48px top;}
	#top-nav .youtube { background: url(../images/social.png) no-repeat -72px top;}
	#top-nav .instagram { background: url(../images/social.png) no-repeat -144px top;}
	#top-nav .newsletter { background: url(../images/social.png) no-repeat -96px top; margin-right: 5px;}
	#top-nav .linkedin { background: url(../images/social.png) no-repeat -168px top;}
	#top-nav .twitter:hover { background: url(../images/social.png) no-repeat 0 bottom;}
	#top-nav .vimeo:hover { background: url(../images/social.png) no-repeat -24px bottom;}
	#top-nav .facebook:hover { background: url(../images/social.png) no-repeat -48px bottom;}
	#top-nav .youtube:hover { background: url(../images/social.png) no-repeat -72px bottom;}
	#top-nav .newsletter:hover { background: url(../images/social.png) no-repeat -96px bottom;}
	#top-nav .linkedin:hover { background: url(../images/social.png) no-repeat -168px bottom;}
	#top-nav ul.social { float: right;}

	#search-box { background: #ececec; padding: 20px; width: 470px; position: absolute; bottom: 60px; right: 15px;
		-webkit-border-radius: 10px 10px 0 0;
				border-radius: 10px 10px 0 0;
	}
	#search-box input.form-text { background: #fff; border: none; width: 100%; height: 40px; line-height: 40px; display: inline; padding: 0 44px 0 10px; font-size: 12px; color: #999; text-transform: uppercase; font-family: "Univers-cd", 'Arial', serif;
		-webkit-border-radius: 10px;
				border-radius: 10px;
	}
	#search-box .search, #search-box .form-submit { text-indent: -99999em; border: none; background: transparent url(../images/social.png) no-repeat -120px top; width: 24px; height: 24px; padding: 0; position: absolute; top: 8px; right: 10px;
		-webkit-border-radius: 0px;
				border-radius: 0px;
	}
	#search-box .search:hover, #search-box .form-submit:hover { background-position: -120px bottom;}
	#search-box .form-item { margin: 0; width: 100%;}
	.search-form { margin: 0;}

	#nav { background: #007a17; height: 60px; position: absolute; bottom: 0; right: 15px; padding: 0; width: 940px;}
	#nav ul { padding: 0; margin: 0;}
	#nav li { list-style: none; display: inline-block; padding: 0; margin: 0; vertical-align: top;}
	/*#nav li.first a { padding-left: 20px;}*/
	#nav li.last { float: right;}
	#nav li.contact { display: none;}
	#nav a { display: block; color: #fff; font-size: 18px; height: 60px; line-height: 60px; padding: 0 22px; font-weight: normal;}
	#nav a:hover { background: #006e15;}
	#nav a.download { background: #e66801; width: auto; text-transform: uppercase; font-size: 18px; font-weight: normal; padding: 0 22px; /*font-family: 'UniversLTStd-UltraCn';*/
		-webkit-transition: all 0.3s ease-out;
	       -moz-transition: all 0.3s ease-out;
	         -o-transition: all 0.3s ease-out;
	            transition: all 0.3s ease-out;
	}
	#nav a.download:hover { background: #cf5d01;}
	#nav .field-content { display: none;}

	#mobile-nav { display: none;}

	.menu { }
	.menu li { position: relative; display: inline-block; padding: 0.2em 0.2em 0 0;}
	.menu li:hover > .sub-menu { display: block;}
	.menu .sub-menu { display: none; position: absolute; top: 30px; left: 0; padding: 0; margin: 0; min-width: 160px; background: #fff;}
	.menu .sub-menu li { width: 100%;}
	.menu .sub-menu li a { padding: 5px 10px; display: block;}

	.view-feature-recette li { text-transform: uppercase; margin-bottom: 5px; font-size: 1.15em; vertical-align: middle;}
	.view-feature-recette li .icon { width: 16px; height: 18px; display: inline-block; background: url('../images/recettes-icons.png'); vertical-align: middle;}
	.view-feature-recette li .icon.prep { background-position: left top;}
	.view-feature-recette li .icon.cuis { background-position: left center;}
	.view-feature-recette li .icon.port { background-position: left bottom;}

	.recette-icon, .swiper-feature .icon { background: url(../images/recettes-icons.png) no-repeat; display: block; width: 16px; height: 19px; display: inline-block; margin-right: 10px;}
	.recette-icon.prep, .icon.prep { background-position: left top;}
	.recette-icon.cui, .icon.cui { background-position: left center;}
	.recette-icon.por, .icon.port { background-position: left bottom;}

	#mobile-bt { display: none;}

	#breadcrumbs { margin: 0; padding: 0;}
	#breadcrumbs li { list-style: none; display: inline-block; margin-right: 5px;}

	div.messages {
		margin: 6px auto;
		width: 940px;
	}

	#simplemeta-meta-form .form-item {
		width: 100%;
		float: none;
	}
	#simplemeta-meta-form .form-item input {
		height: 30px;
		font-size: 14px;
		padding: 0 6px;
		width: 100% !important;
	}
	#simplemeta-meta-form .form-item textarea {
		width: 100% !important;
		font-size: 14px;
		padding: 6px;
	}
	#simplemeta-meta-form .visible-ie,
	#simplemeta-meta-form label {
		display: block !important;
		visibility: visible !important;
		font-size: 14px;
		margin: 5px 0 !important;
	}
	#edit-save {
		margin: 10px 0 0 0 !important;
	}
	#simplemeta-meta-form.simplemeta-meta-form-ajax .form-close {
		right: -51px;
		padding: 0 5px;
		color: #000;
		height: 30px;
		line-height: 30px;
	}

/* ====================================================================================================
	Footer
==================================================================================================== */
	
	.share h2 { margin: 0;}

	.abonnez { padding: 10px 20px; margin: 0; display: inline-block; font-size: 22px;}
	div.abonnez { padding: 13px 30px;}
	div.abonnez.home { padding: 30px;}
	.abonnez p, .infolettre p { border-bottom: 2px dotted #fff; padding-bottom: 6px;}
	.abonnez input, .infolettre input { border: none; height: 50px; line-height: 50px; display: inline; width: 100%; font-weight: normal; font-size: 22px; padding: 0 40px 0 20px; font-family: 'UniversLTStd-UltraCn', 'Arial', serif;
		-webkit-box-shadow: 5px 5px 0 #cf5d01;
				box-shadow: 5px 5px 0 #cf5d01;
	}
	a.newsletter { position: relative; color: #e66801; background: #fff; display: block; font-size: 22px; padding: 0 40px 0 20px; font-family: 'UniversLTStd-UltraCn', 'Arial', serif; height: 40px; line-height: 40px;}
	a.newsletter:hover { color: #e66801;}
	a.newsletter span { background: #e66801 url(../images/send-arrow.png) no-repeat center center; display: block; position: absolute; top: 8px; right: 8px; width: 26px; height: 26px;
		-webkit-border-radius: 100%;
				border-radius: 100%;
		-webkit-box-shadow: none;
				box-shadow: none;
	}
	a.newsletter:hover span { background-color: #007a17;}
	
	.abonnez input.send, .infolettre input.send { background: #e66801 url(../images/send-arrow.png) no-repeat center center; cursor: pointer; padding: 0; width: 26px; height: 26px; position: absolute; top: 13px; right: 10px;
		-webkit-border-radius: 100%;
				border-radius: 100%;
		-webkit-box-shadow: none;
				box-shadow: none;
	}

	#footer { margin: 0 0 180px 0; position: relative; z-index: 2;}
	#footer .footer { width: 970px; padding: 0 15px; margin: 0 auto;}
	#footer .wrapper { padding: 10px 15px; background: #fff;}
	#footer p { margin: 0;}
	#footer .sep { margin: 0 10px;}

/* ====================================================================================================
	Page
==================================================================================================== */
	
	.page-photo {
		float: left;
		margin: 0 40px 40px 0;
		max-width: 50%;
		width: auto;
	}
	.page-photo img {
		max-width: 100%;
		width: auto;
		height: auto;
	}

	.strawberry { background: url(../images/strawberry.png) no-repeat; width: 246px; height: 223px; display: block; position: absolute; left: -246px; top: 0;}
	.orange-fruit { background: url(../images/orange.png) no-repeat; width: 470px; height: 323px; display: block; position: absolute; right: -470px; top: 200px;}
	.grape { background: url(../images/grape.png) no-repeat; width: 435px; height: 291px; display: block; position: absolute; right: -435px; bottom: -291px;}
	.garlic { background: url(../images/garlic.png) no-repeat; width: 429px; height: 309px; display: block; position: absolute; right: 0; bottom: -320px;}

	.button { display: inline-block; padding: 10px; cursor: pointer; font-family: 'UniversLTStd-UltraCn', 'Arial', serif !important;}
	.button.full { display: block;}
	.button.orange { background: #e66801; color: #fff;}
	.button.orange:hover { background: #cf5d01;}
	#venir:hover, #vigueur:hover { background: #cf5d01;}
	#venir.active, #vigueur.active { background: #007a17;}
	/*#venir.active:hover, #vigueur.active:hover {background: #006e15;}*/

	.m-buttons a {
		margin: 0 0 20px 0;
	}
	a.download {
		background: #e66801 url(../images/download.png) no-repeat center center;
		height: 37px;
		width: 42px;
		display: inline-block;
		vertical-align: top;
	}
	#venir i, #vigueur i { opacity: 0.5;}
	a.download:hover {
		background-color: #cf5d01;
	}
	.button.orange.active, .button.orange.active:hover { background: #007a17; color: #fff;}
	.button.vert { background: #007a17; color: #fff;}
	.button.vert:hover { background-color: #006e15;}
	.button.w-arrow { padding-right: 50px; position: relative;}
	.button span { width: 24px; height: 24px; line-height: 21px; font-size: 22px; text-align: center; display: block; position: absolute; right: 10px; top: 50%; margin-top: -12px;
		-webkit-border-radius: 100%;
				border-radius: 100%;
	}
	.button.large { height: 60px; line-height: 60px; padding-top: 0; padding-bottom: 0; font-size: 24px;}
	.button.localise { width: 45px; height: 45px; padding: 0; background: #007a17 url('../images/magnify.png') no-repeat center center; margin-left: 10px; vertical-align: bottom;}
	.button.big { padding: 15px 20px;}

	.lexique li { padding: 0 15px 15px 0; position: relative;}
	.lexique.nonum li { padding: 0 15px 15px 0;}
	.lexique li.last { padding-right: 0;}
	.lexique li.first { padding-left: 0;}
	.num { border: 2px solid #d4d4d4; display: inline-block; width: 42px; height: 42px; line-height: 42px; font-size: 1em; font-weight: bold; text-align: center; position: absolute; left: 0; top: 9px;
		-webkit-border-radius: 100%;
				border-radius: 100%;
	}
	.lexique .select { height: 60px; line-height: 56px; vertical-align: middle; text-transform: uppercase; color: #fff; padding: 0 40px 0 10px; position: relative;}
	.lexique .select select { font-size: 13px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; -webkit-appearance: menulist-button; width: 100%; height: 100%; line-height: 56px; z-index: 2; opacity: 0; padding: 0; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
	.lexique .select span.icon { cursor: pointer; display: block; width: 22px; height: 22px; background: url(../images/down-arrow.png) no-repeat; position: absolute; top: 18px; right: 10px;}
	.lexique .select .form-item { width: 100%; margin: 0;}
	.lexique .select.with-border { padding: 0;}
	.lexique .select input { background: #fff; width: 100%; height: 40px; display: inline; line-height: 40px; padding: 0 30px 0 10px; border: none; text-transform: uppercase; color: #999; font-size: 0.857em; font-family: "UniversLTStd-Cn", 'Arial', serif;}
	.lexique .select .form-submit { text-indent: -99999em; background: transparent url(../images/social.png) no-repeat -120px top; width: 24px; height: 24px; padding: 0; position: absolute; top: 18px; right: 10px;
		-webkit-border-radius: 0px;
				border-radius: 0px;
	}
	.lexique .select .search:hover { background-position: right bottom;}
	.lexique .selected { font-size: 22px; font-family: 'UniversLTStd-UltraCn', 'Arial', serif; vertical-align: middle; line-height: normal; width: 100%; display: inline-block;}
	/*.lexique .helper { display: inline-block; vertical-align: middle; height: 100%; width: 1px;}*/

	ul.cat { padding: 0; /*padding: 30px 10px;*/}
	ul.cat li { width: 12.5%; text-align: center; float: left;}
	ul.cat li a { color: #363636;}
	ul.cat li a:hover, ul.cat li:hover a { color: #e66801;}
	ul.cat li a.first { overflow: hidden; width: 80%; height: auto; display: block; margin: 0 auto; border-right: 4px solid #e5e5e5; border-top: 6px solid #e5e5e5;}
	ul.cat li a.last { margin: 15px 0 0 0; display: block; font-size: 18px; border: none;}

	.quarter { width: 24%; margin-right: 3%; float: left; height: 533px;}
	.quarter .inside { padding: 10px; height: 255px; position: relative;}
	.quarter .inside .extrait { height: 90px; overflow: hidden;}
	.quarter .swiper-slide .inside a { position: absolute; bottom: 10px; left: 10px; right: 10px; font-size: 24px;}
	.quarter .swiper-slide > a { display: block; height: 206px; width: auto; overflow: hidden; margin-bottom: 50px;}
	.half-wq { margin-right: 0; width: 46%; float: left;}

	.line { border-bottom: 2px dotted #fff; margin: 1em 0;}
	.line2 { border-bottom: 2px dotted #fff; margin: 30px 0;}
	.b-right { border-right: 1px solid #e5e5e5; height: 100%; position: absolute; top: 0; right: -60px; width: 1px;}
	.b-left { border-left: 1px solid #e5e5e5; height: 100%; position: absolute; top: 0; left: -60px; width: 1px;}

	#map-canvas { width: 100%; height: 100%;}
	#map-canvas img { max-width: none;}
	#fake-succ-list { display: none;}

	.heures .titre { }
	.heures .first, .heures .second { width: 50%; float: left;}
	.heures .first p, .heures .second p { margin-bottom: 0;}
	.heures span { display: inline-block; width: 28px;}
	.heures strong { font-weight: normal;}

	.historique ul { padding: 0; margin: 0 2% 0 0; float: left; width: 32%; margin-right: 2%;}
	.historique ul.last { margin-right: 0;}
	.historique ul li { list-style: none; font-size: 14px; margin-bottom: 5px;}
	.historique table {
		width: 100%;
	}
	.historique table tbody {
		border: none;
	}
	.historique table td {
		font-size: 15px;
	}
	.historique table td p {
		margin: 0;
	}
	.historique table td strong {
		margin-right: 5px;
	}

	.desc table {
		width: 100%;
	}
	.desc table tbody {
		border: none;
	}
	.desc table td {
		font-size: 15px;
		padding: 8px;
		width: 50%;
		vertical-align: top;
	}
	.desc table td p {
		margin: 0;
	}

	#webform-client-form-17--2 .form-item, 
	#webform-client-form-17 .form-item { margin: 15px 2%;}
	#webform-client-form-17--2 .form-item.form-type-radio,
	#webform-client-form-17 .form-item.form-type-radio { width: auto; margin: 0 2%;}
	#webform-client-form-17--2 .form-item.form-type-radio input,
	#webform-client-form-17 .form-item.form-type-radio input { width: auto; height: auto;}
	fieldset,
	.fieldset { margin: 30px 0; padding: 20px; border: 1px solid #c0c0c0; position: relative;}
	.fieldset > .legend { position: absolute; top: -10px; background: #fff;}
	.form-item.webform-component-managed_file { width: 100%;}
	.form-item.webform-component-managed_file .form-file { width: 50%; padding: 0; margin-top: 0; font-size: 14px; height: 30px; float: left;}
	.form-managed-file input { border: none !important;}

	#contact-form .form-item,
	#mc_embed_signup_scroll .form-item { width: 100%;}
	.form-item { width: 49%; float: left; margin: 0 2% 10px 0; position: relative;}
	.form-item.all { width: 100%;}
	.form-item.third { width: 32%; margin-right: 2%;}
	.form-item.last { margin-right: 0;}
	.form-item.alt { width: 100%; float: none;}
	.form-item.full { width: 100%; margin: 0;}
	.form-item input { width: 100%; border: 1px solid #d1d1d1; height: 45px; padding: 10px; color: #353535;}
	#admin-menu-search .form-item input { height: auto;}
	.form-item input.invalid, .form-item textarea.invalid, .form-item .custom-select.invalid,
	#mc_embed_signup input.mce_inline_error { border-color: #e66801 !important;}
	.form-item input.form-radio { border: none;}
	.form-item textarea { width: 100%; border: 1px solid #d1d1d1; padding: 10px; color: #353535;}
	#webform-component-boutique,
	#webform-component-le-secteur-dactivite,
	#webform-component-lieu-de-travail, .webform-component-select,
	.custom-select { background: url('../images/select-arrows.png') no-repeat right 10px; border: 1px solid #d1d1d1; height: 45px; padding: 10px; color: #353535; position: relative;}
	.form-item select { -webkit-appearance: menulist-button; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; font-family: "UniversLTStd-Cn", 'Arial', serif; color: 353535; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
	.form-item select.multiple { opacity: 1; position: relative; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
	.form-item select.multiple.invalid { border: 1px solid #e66801;}
	.form-item label { font-weight: normal; margin-bottom: 10px;}
	.block-webform .form-actions { margin-top: 0; margin-right: 4%; width: auto; float: right;}
	#webform-component-province,
	#webform-component-pays { width: 34%;}
	#webform-component-code-postal,
	#webform-component-tel-residence,
	#webform-component-tel-cellulaire { width: 20%;}
	#webform-component-courriel { width: 48%;}
	#webform-component-meilleur-temps-pour-vous-rejoindre { width: 58%;}
	#webform-component-meilleur-temps-pour-vous-rejoindre .form-item { width: auto;}
	#webform-component-meilleur-temps-pour-vous-rejoindre .form-item input { width: auto; height: auto;}
	.webform-client-form .form-submit, input.send, .form-submit { font-family: 'UniversLTStd-UltraCn', 'Arial', serif; font-size: 22px; display: inline-block; padding: 10px; cursor: pointer; background: #007a17; color: #fff; text-transform: uppercase; border: none;}
	input.send { width: auto; padding: 0 20px;}
	.webform-client-form .form-submit:hover, input.send:hover { background-color: #006e15;}
	.page-node-17 .links { display: none;}
	#webform-component-cv { width: 100%;}
	#edit-submitted-cv-upload--2 { border: none; padding: 0; margin-top: 10px; height: 32px; width: auto;}
	#edit-submitted-cv-upload-button--2, #edit-submitted-cv-remove-button, .form-managed-file .form-submit { width: auto; display: inline-block; background: #E66801; height: 26px; line-height: 26px; padding: 0 10px; font-size: 14px;}
	#edit-submitted-cv-upload-button--2:hover, #edit-submitted-cv-remove-button:hover, .form-managed-file .form-submit:hover { background: #cf5d01;}

	#webform-client-form-22--2 #webform-component-boutique,
	#webform-client-form-22--2 #webform-component-nom,
	#webform-client-form-22--2 #webform-component-courriel,
	#webform-client-form-22--2 #webform-component-code-postal,
	#edit-submitted-commentaires, #webform-component-commentaires,
	#webform-client-form-326--2 #webform-component-nom,
	#webform-client-form-326--2 #webform-component-email,
	#webform-client-form-326--2 #webform-component-code-postal { width: 100%; position: relative;}

	#edit-actions--3 input { clear: both; display: block;}

	.webform-grid { width: 100%;}
	.webform-grid .form-item { width: 100% !important;}
	.webform-grid td, .webform-grid th { padding: 5px; font-size: 14px;}
	.webform-grid label { display: none;}

	table.francais { width: 100%;}
	table.francais td, table.francais th { padding: 5px 10px; text-align: center; width: 20%;}
	table.francais td.label, table.francais th.first { text-align: left;}
	table.francais tbody tr { border: 1px solid #ccc; border-top: none; background: #f7f7f7;}

	.file-upload input { position: absolute; left: -99999px;}
	.fake-file { display: inline-block;}
	p.invalid,
	#mc_embed_signup div.mce_inline_error { color: #e66801 !important; margin: 10px 0 0 0 !important; font-weight: normal !important; padding: 0 !important;}
	p.success { color: #e66801; margin-top: 10px; font-weight: bold;}
	#mce-success-response, 
	#mce-error-response { margin-bottom: 20px;}

	.inline label { display: inline-block; margin-right: 10px; font-weight: normal;}

	.tax .image { margin-bottom: 0px; }
	.tax a { display: block; text-align: center; position: relative; min-height: 181px; background: url('../images/no-img.png') no-repeat center center;}
	.tax a .overlay { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; z-index: 1; color: #000;
		/*-webkit-transition: all 0.3s ease-out;
	       -moz-transition: all 0.3s ease-out;
	         -o-transition: all 0.3s ease-out;
	            transition: all 0.3s ease-out;*/
	}
	.tax a img { z-index: 2; position: relative; width: 100%;}
	.tax a:hover .overlay { background: url('../images/white-bg.png'); z-index: 3;}
	.tax .overlay span { display: block; position: relative; font-weight: bold;}
	.term-listing-heading { display: none; visibility: hidden;}

	.node-succursale .h2 { font-size: 40px;}
	.node-succursale .h5 { font-size: 22px;}

	.button span.pin-icon { background: url('../images/white-pin.png'); margin-right: 10px; width: 29px; height: 43px; display: inline-block; position: relative; top: 16px; left: 0; right: 0;
		-webkit-border-radius: 0;
				border-radius: 0;
	}

	.search-results { padding: 0;}
	.search-result { border-bottom: 1px solid #D1D1D1; padding-bottom: 10px;}
	.search-result h3 { margin: 0;}

	p.confirmation { border: none; color: #fff; margin-top: 10px; margin-bottom: 0; padding: 0;}

	#overlay { background: url('../images/black-bg.png'); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; display: none;}
	#overlay .hitzone { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: url('../images/empty.png');}
	#overlay .infolettre { background: #E66801; color: #fff; width: 600px; min-height: 200px; position: absolute; top: 50%; left: 50%; margin: -100px 0 0 -300px; padding: 50px; z-index: 2;}
	#overlay .infolettre .close { position: absolute; top: 0px; right: 0px; border: none; cursor: pointer; margin: 0; padding: 0; width: 40px; height: 40px; display: block; line-height: 40px; text-align: center;}

	#contact-to { display: none;}

	#fake-file { display: none;}
	.get-height { min-height: 100px;}

	.single-poste #webform-component-veuillez-indiquer-le-poste-qui-vous-interesse-le-plus { display: none;}

	.sponsor { font-size: 1.5em;}

	.embed-container { 
		position: relative; 
		padding-bottom: 56.25%; 
		height: 0; 
		overflow: hidden; 
		max-width: 100%; 
		height: auto; 
	} 
	.embed-container iframe, 
	.embed-container object, 
	.embed-container embed { 
		position: absolute; 
		top: 0; 
		left: 0; 
		width: 100%; 
		height: 100%;
	}

	.options {
		margin-bottom: 20px;
	}
	.options select {
		display: inline-block;
		margin-right: 10px;
		font-size: 16px;
	}
	table.poste tbody tr.off {
		display: none;
	}
	table.poste tbody tr.active {
		display: table-row;
	}
	table.captcha {
		width: 100%;
	}
	table.captcha td {
		padding: 0 10px;
	}
	table.captcha td.first {
		padding-left: 0;
	}
	table.captcha td.last {
		padding-right: 0;
	}

	#poste_spontanee option {
		display: none;
	}
	#poste_spontanee option.active {
		display: block;
	}
	#poste_spontanee option.still {
		display: block !important;
	}

	#magasins_spontanee option {
		display: none;
	}
	#magasins_spontanee option.active {
		display: block;
	}

	ul.magasins li {
		margin-bottom: 10px;
	}

	a.refresh { 
		background: url(../images/refresh.png) no-repeat; 
		display: inline-block; 
		vertical-align: middle;
		width: 24px;
		height: 25px;
	}

	div.error, .error { color: #e66801;}

	.fetes p { margin-bottom: 0;}

	.table-holder {
		position: relative;
	}
	.table-holder table {
		position: relative;
		z-index: 2;
	}
	.table-holder p.no {
		position: absolute;
		top: 33px; 
		left: 10px;
		z-index: 1;
	}
	.about-succ {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.about-succ li {
		display: inline-block;
		vertical-align: middle;
		margin: 5px 15px 5px 0;
	}
	.about-succ span {
		display: inline-block;
		background: #363636;
		color: #fff;
		padding: 5px 10px;
		-webkit-border-radius: 5px;
				border-radius: 5px;
	}

/* ====================================================================================================
	Slideshow
==================================================================================================== */

	#slideshow { }
	#slideshow .wrapper { background: #fff; padding: 15px; border: 1px solid #d1d1d1;}
	#slideshow .half { width: 50%; height: 100%; float: left; margin: 0; overflow: hidden;}
	#slideshow .text { padding: 30px 50px 30px 30px;}
	#slideshow .line { border-bottom: 2px dotted #fff; margin: 30px 0;}
	#slideshow a { font-size: 20px; font-weight: normal; opacity: 0.75; color: #fff; font-family: 'UniversLTStd-UltraCn';}
	#slideshow a:hover { opacity: 1; color: #fff;}
	#slideshow .h2 { font-size: 34px; margin-bottom: 30px;}
	#slideshow .swiper-slide { height: 413px;}

	#slideshow .swiper-container { width: 809px; float: left; height: 404px; background: #ececec;}
	#slideshow .thumbs { width: 122px; height: 420px; position: absolute; top: 15px; right: 15px; z-index: 2;}
	#slideshow .thumbs li.active { background: url(../images/slide-arrow.png) no-repeat left center;}
	#slideshow .thumbs li.active a { opacity: 1;}
	#slideshow .thumbs li a { float: right; width: 101px; height: 101px; display: block;}

	.swiper-feature { overflow: hidden;}
	/*.swiper-feature, .swiper-feature .swiper-slide { height: 560px;}*/
	.swiper-feature .swiper-slide img { width: 210px; height: 210px;}
	.swiper-feature .type, .swiper-feature li { font-family: 'UniversLTStd-UltraCn', 'Arial', serif; font-size: 22px; font-weight: normal;}

	.direction { height: 50px; width: 96%; position: absolute; top: 216px; left: 2%; padding: 0 15px;}
	.direction span { background: url(../images/arrows.png) no-repeat; width: 48px; height: 30px; display: block; position: absolute; left: 50%; top: -30px; margin-left: -24px; z-index: 2;}
	.direction span.orange { background-position: left top;}
	.direction span.vert { background-position: right top;}
	.direction a { width: 20px; height: 50px; display: inline-block; line-height: 50px; color: #fff; font-size: 32px;}
	.direction a.pull-right { text-align: right;}

	#current-term, .replaceurl .fake { display: none;}

	div.summary {
		-o-text-overflow: ellipsis;
	       text-overflow: ellipsis;
	    overflow: hidden;
	    height: 70px;
	}

	.vertical {
		position: relative;
	}
	.vert-align {
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		-webkit-transform: translateY(-50%);
		   -moz-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		     -o-transform: translateY(-50%);
				transform: translateY(-50%);
	}

/* ====================================================================================================
	Caroussel
==================================================================================================== */

	.caroussel { padding: 20px 70px; position: relative;}
	.caroussel a.arrow { color: #e66801; width: 32px; height: 55px; display: block; position: absolute; top: 30%; background: url(../images/slider-arrows.png) no-repeat;}
	.caroussel a.arrow.prev { left: 20px; background-position: left top;}
	.caroussel a.arrow.next { right: 20px; background-position: right top;}
	.swiper-caroussel { width: 100%;}
	.caroussel .swiper-slide { text-align: center; padding: 30px 0; position: relative;}
	.caroussel .swiper-slide .image { background: #ccc; width: 75%; height: auto; margin: 0 auto 5px auto; overflow: hidden;}

/* ====================================================================================================
	Carrière
==================================================================================================== */

	table.poste { width: 100%; background: #fff;}
	table.poste p { margin: 0;}
	.poste th { border: 1px solid #d1d1d1; background: #e1e1e1; color: #363636; padding: 3px 10px;}
	.poste td { border: 1px solid #d1d1d1; padding: 3px 10px;}

/* ====================================================================================================
	Circulaire
==================================================================================================== */
	
	.form-item.circ { display: inline-block; width: 15%; float: none; margin: 0;}
	p.circ { display: inline-block; margin: 0 10px;}
	#list-succ { display: none;}
	#succ-select option span { font-weight: bold;}

	.form-item.found { color: #fff; float: right; width: 100%; margin: 0;}
	.form-item.found .select { height: auto; width: 100%; min-height: 60px; position: relative; z-index: 5000; padding: 0;}
	.form-item.found .select span { display: block; background: #e66801; color: #fff; padding: 7px 10px; cursor: pointer; height: 60px; padding-right: 50px; line-height: normal;}
	.form-item.found .select span:hover { background: #cf5d01;}
	.form-item.found .select .km { background: none; position: absolute; top: 0; right: 10px; width: 50px; height: 60px; padding: 0; text-align: center; line-height: 60px; display: block;}
	.form-item.found .select ul { display: none; position: absolute; top: 60px; left: 0; width: 100%;}
	.form-item.found .select ul li { background: #007a17; color: #fff; border-top: 1px solid #fff; cursor: pointer; padding: 7px 10px; position: relative; padding-right: 50px; line-height: normal;}
	.form-item.found .select ul li:hover { background-color: #006e15;}
	.form-item.found .select:hover ul { display: block;}

	.search-succ { margin-bottom: 50px;}
	.search-succ .h3 { margin-right: 10px; margin-bottom: 0; float: left;}
	#controls { position: absolute; top: -1px; right: -1px; padding: 0; margin: 0;}
	#controls li { float: left; list-style: none;}
	#controls li a { width: 45px; height: 45px; border: 1px solid #d1d1d1; display: block; text-align: center; line-height: 45px;}

	#current-circulaire { display: none;}
	#trouver { display: none; padding: 0;}

	#vigueur, #venir { display: inline-block; padding: 10px; text-transform: uppercase; background: #e66801; color: #fff;}

	table.circ { width: 100%; background: #fff;}
	table.circ p { margin: 0;}
	.circ th { border: 1px solid #d1d1d1; background: #e1e1e1; color: #363636; padding: 3px 10px;}
	.circ td { border: 1px solid #d1d1d1; padding: 3px 10px;}
	.circ th.date { width: 25%;}
	.circ td.name {
		white-space: nowrap;
	}
	table.circ tbody tr:hover {
		background: #e9e9e9;
	}
	ul.bannieres {
		list-style: none;
		padding: 0;
	}
	ul.bannieres li {
		width: 24%;
		display: inline-block;
		vertical-align: middle;
		text-align: center;
	}
	ul.bannieres.all li {
		width: 19%;
	}
	ul.bannieres li img {
		max-width: 80%;
	}
	ul.bannieres a {
		opacity: 0.5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	}
	ul.bannieres a.active {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	.circ-wrapper {
		display: none;
	}
	.circ-wrapper.active {
		display: block;
	}


/* ====================================================================================================
	Tabs
==================================================================================================== */

	.tabs-content > div, .itabs-content > div { display: none;}
	/*.tabs-nav { margin: 0 0 20px 0; padding: 0 0 0 20px;}
	.tabs-content { border-top: 1px solid #d1d1d1; padding-top: 20px; margin-top: 20px; height: auto !important;}*/
	.tabs-content { height: auto !important;}

	.responsive-table { width: 100%; max-width: 100%; overflow: auto;}

	.tableau { display: table; width: 100%;}
	.cell { display: table-cell; vertical-align: middle;}

	legend { width: auto; display: inline-block;}

/* ====================================================================================================
	Share
==================================================================================================== */
	
	a.share-bt { width: 32px; height: 32px; display: inline-block; text-align: center; line-height: 32px; font-size: 22px; vertical-align: middle;}
	.fb-like { margin-left: 10px;}
	.fb-like iframe { max-width: none;}
	.share { position: relative; z-index: 20;}

	a.share-bt.facebook { background: #3b5998; color: #fff; border-color: #2B4988;}
	a.share-bt.facebook:hover { background: #2B4988;}
	a.share-bt.twitter { background: #55acee; color: #fff; border-color: #458CDE;}
	a.share-bt.twitter:hover { background: #458CDE;}
	a.share-bt.pinterest { background: #cb2027; color: #fff; border-color: #BB1017;}
	a.share-bt.pinterest:hover { background: #BB1017;}
	a.share-bt.google { background: #d9452e; color: #fff; border-color: #C9351E;}
	a.share-bt.google:hover { background: #C9351E;}

/* ====================================================================================================
	Succursales
==================================================================================================== */

	.succ-alone a { color: #fff;}
	.succ-alone a:hover { text-decoration: underline;}
	.succ-result { display: none;}
	.succ-result li { margin-bottom: 10px;}
	.succ-result li span { margin-left: 15px;}
	.succ-result li a { background: #fff; padding: 5px 10px; width: 180px; display: inline-block; color: #363636;}
	.succ-result li a:hover { color: #e66801;}

/* ====================================================================================================
	Login
==================================================================================================== */

	#login-form {}
	#login-form .description { display: none;}
	#login-form .form-item { width: 100% !important; margin: 0;}
	.profile { padding: 0 15px;}