/*
* www.KNACSS.com V2.6c @author: Raphael Goetter, Alsacreations
* Licence CC-BY http://creativecommons.org/licenses/by/3.0/fr/
*/

/* ----------------------------- */
/* ==reset */
/* ----------------------------- */

/* base font-size corresponds to 10px and is adapted to rem unit */
html {
    font-size: 62.5%;
}
body {
	background-color: #fff;
	color: #000;
	font-family: "Century Gothic", helvetica, arial, sans-serif;
	font-size: 1.4em; /* equiv 14px */
	line-height: 1.5; /* adapt to your design */
}

/* font-sizing for content */
/* preserve vertical-rythm, thanks to http://soqr.fr/vertical-rhythm/ */
p,
ul,
ol,
dl,
blockquote,
pre,
td,
th,
label,
textarea,
caption,
details, 
figure, 
hgroup {
	font-size: 1em; /* equiv 14px */
	line-height: 1.5;
	margin: .75em 0 0;
}
h1, .h1-like {
	font-size: 1.8571em; /* equiv 26px */
	font-weight: normal;
	line-height: 1.6154em;
	margin: .8077em 0 0 0;
}
h2, .h2-like {
	font-size: 1.7143em; /* equiv 24px */
	font-weight: normal;
	line-height: 1.75em;
	margin: .875em 0 0 0;
}
h3, .h3-like {
	font-size: 1.5714em; /* equiv 22px */
	font-weight: normal;
	line-height: 1.909em;
	margin: .9545em 0 0 0;
}
h4, .h4-like {
	font-size: 1.4286em; /* equiv 20px */
	font-weight: normal;
	line-height: 1.05em;
	margin:  1.05em 0 0 0;
}
h5, .h5-like {
	font-size: 1.2857em; /* equiv 18px */
	font-weight: normal;
	line-height: 1.1667em;
	margin:  1.1667em 0 0 0;
}
h6, .h6-like {
	font-size: 1.1429em; /* equiv 16px */
	font-weight: normal;
	line-height: 1.3125em;
	margin:  1.3125em 0 0 0;
}

/* alternate font-sizing */
.smaller {
	font-size: .7143em; /* equiv 10px */
}
.small {
	font-size: .8571em; /* equiv 12px */
}
.big {
	font-size: 1.1429em; /* equiv 16px */
}
.bigger {
	font-size: 1.2857em; /* equiv 18px */
}
.biggest {
	font-size: 1.4286em; /* equiv 20px */
}

/* soft reset */
html,
body,
textarea,
figure,
label {
	margin: 0;
	padding: 0;
}
ul,
ol {
	padding-left: 2em;
}
code, 
pre,
samp,
kbd {
	white-space: pre-wrap;
	font-family: consolas, 'DejaVu Sans Mono', courier, monospace;
	line-height: 1em;
}
code, kbd, mark {
	border-radius: 2px;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
kbd {
	padding: 0 2px;
	border: 1px solid #999;
}
code {
	padding: 2px 4px;
	background: rgba(0,0,0,.04);
	color: #b11; 
}
mark {
	padding:2px 4px;
	background: #ff0;
}

table { margin-bottom: 1.5em; }

/* avoid top margins on first content element */
p:first-child,
ul:first-child,
ol:first-child,
dl:first-child,
blockquote:first-child,
pre:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	margin-top: 0;
}

/* avoid margins on nested elements */
li p,
li ul,
li ol {
	margin-top: 0;
	margin-bottom: 0;
}

/* max values */
img, table, td, blockquote, code, pre, textarea, input, video {
	max-width: 100%;
}

/* you shall not pass */
div, textarea, table, td, th, code, pre, samp {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

/* pictures */
img {
/* ---------------------------------------------------------------	height: auto; */
	vertical-align: middle;
}
/* Gmap3 max-width bug fix on images */
#map_canvas img,
.gmnoprint img {max-width: none;}

a img { border: 0; }

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

/* skip-links */
.skip-links {
	position: absolute;
}
.skip-links a {
	position: absolute;
	left: -7000px;
	padding: 0.5em;
	background: #000;
	color:#fff;
	text-decoration: none;
}
.skip-links a:focus {
	position: static;
}

/* ----------------------------- */
/* ==layout and modules */
/* ----------------------------- */

/* switching box model for all elements */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* float layout */
/* ----------- */

/* module, contains floats (.item is the same) */
.mod, .item { 
/* ---------------------------------------------------------------	overflow: hidden; */
    overflow: hidden;
}

/* table layout */
/* ------------------ */
.row {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.row > *,
.col {
	display: table-cell;
	vertical-align: top;
}

/* blocks that needs to be placed under floats */
.clear,
.line,
.row {
	clear: both;
}

/* blocks that must contain floats */
.clearfix:after,
.line:after,
.mod:after {
	content: "";
	display: table;
	clear: both;
}

/* alignments (blocks and inline) */
/* ------------------------------ */

/* left elements */
.left {
	float: left;
}
img.left {
	margin-right: 1em;
}

/* right elements */
.right {
	float: right;
}
img.right {
	margin-left: 1em;
}

img.left, img.right {
	margin-bottom: 5px;
}

.center    { margin-left: auto; margin-right: auto; }
.txtleft   { text-align: left; }
.txtright  { text-align: right; }
.txtcenter { text-align: center; }

/* just inline-block */
.inbl {
	display: inline-block;
	vertical-align: top;
	margin-right: -.25em;
}

/* blocks widths (percentage and pixels) */
.w10    { width: 10%; }
.w20    { width: 20%; }
.w25    { width: 25%; }
.w30    { width: 30%; }
.w33    { width: 33.333%; }
.w40    { width: 40%; }
.w50    { width: 50%; }
.w60    { width: 60%; }
.w66    { width: 66.666%; }
.w70    { width: 70%; }
.w75    { width: 75%; }
.w80    { width: 80%; }
.w90    { width: 90%; }
.w100   { width: 100%; }

.w50p   { width: 50px; }
.w100p  { width: 100px; }
.w150p  { width: 150px; }
.w200p  { width: 200px; }
.w300p  { width: 300px; }
.w400p  { width: 400px; }
.w500p  { width: 500px; }
.w600p  { width: 600px; }
.w700p  { width: 700px; }
.w800p  { width: 800px; }
.w960p  { width: 960px; }
.mw960p { max-width: 960px; }

/* spacing helpers
p,m = padding,margin
a,t,r,b,l = all,top,right,bottom,left
s,m,l,n = small(10px),medium(20px),large(30px),none(0)
source https://github.com/stubbornella/oocss/blob/master/core/spacing/space.css
*/
.m-reset, .ma0 { margin: 0 !important; }
.p-reset, .pa0 { padding: 0 !important; }
.ma1, .mas { margin: 10px !important; }
.ma2, .mam { margin: 20px !important; }
.ma3, .mal { margin: 30px !important; }
.pa1, .pas { padding: 10px; }
.pa2, .pam { padding: 20px; }
.pa3, .pal { padding: 30px; }

.mt0, .mtn { margin-top: 0 !important; }
.mt1, .mts { margin-top: 10px !important; }
.mt2, .mtm { margin-top: 20px !important; }
.mt3, .mtl { margin-top: 30px !important; }
.mr0, .mrn { margin-right: 0; }
.mr1, .mrs { margin-right: 10px; }
.mr2, .mrm { margin-right: 20px; }
.mr3, .mrl { margin-right: 30px; }
.mb0, .mbn { margin-bottom: 0 !important; }
.mb1, .mbs { margin-bottom: 10px !important; }
.mb2, .mbm { margin-bottom: 20px !important; }
.mb3, .mbl { margin-bottom: 30px !important; }
.ml0, .mln { margin-left: 0; }
.ml1, .mls { margin-left: 10px; }
.ml2, .mlm { margin-left: 20px; }
.ml3, .mll { margin-left: 30px; }

.pt0, .ptn { padding-top: 0; }
.pt1, .pts { padding-top: 10px; }
.pt2, .ptm { padding-top: 20px; }
.pt3, .ptl { padding-top: 30px; }
.pr0, .prn { padding-right: 0; }
.pr1, .prs { padding-right: 10px; }
.pr2, .prm { padding-right: 20px; }
.pr3, .prl { padding-right: 30px; }
.pb0, .pbn { padding-bottom: 0; }
.pb1, .pbs { padding-bottom: 10px; }
.pb2, .pbm { padding-bottom: 20px; }
.pb3, .pbl { padding-bottom: 30px; }
.pl0, .pln { padding-left: 0; }
.pl1, .pls { padding-left: 10px; }
.pl2, .plm { padding-left: 20px; }
.pl3, .pll { padding-left: 30px; }

/* hiding content */
.visually-hidden {
	position: absolute;
	left: -7000px;
	overflow: hidden;
}
[dir=rtl] .visually-hidden {
	left: auto;
	right: -7000px;
}

.desktop-hidden { display: none; } /* hidden on desktop */

/* ----------------------------- */
/* ==header */
/* ----------------------------- */

/* ----------------------------- */
/* ==sidebar */
/* ----------------------------- */

/* ----------------------------- */
/* ==footer */
/* ----------------------------- */

/* ----------------------------- */
/* ==forms */
/* ----------------------------- */
form,
fieldset {
	border: none;
}
input,
button,
select,
label,
.btn {
	vertical-align: middle; /* @bugfix alignment */
	font-family: inherit;
}
textarea {
	resize: vertical;
	font-family: inherit;
}

/* ----------------------------- */
/* ==main */
/* ----------------------------- */

/* ----------------------------- */
/* ==iefix */
/* ----------------------------- */

/* haslayout for IE6/IE7 */
.ie67 .clearfix,
.ie67 .line,
.ie67 .mod,
.ie67 .row,
.ie67 .col {
	zoom: 1;
}

/* inline-block and table-cell for IE6/IE7 */
/* warning: .col needs width on IE6/IE7 */
.ie67 .btn,
.ie67 .col,
.ie67 .inbl {
	display: inline;
	zoom: 1;
}
.ie8 img {
	width: auto; /* @bugfix for IE8 */
}

/* Active box-sizing for IE6/IE7 */
/* @source https://github.com/Schepp/box-sizing-polyfill */
/*
.ie67 * {
	behavior: url(/js/boxsizing.htc);
}
*/

/* ----------------------------- */
/* ==print */
/* ----------------------------- */

/* quick print reset */
@media print {
	p,
	blockquote {
		orphans: 2;
		widows: 2;
	}
	blockquote,
	ul,
	ol {
		page-break-inside: avoid;
	}
	h1,
	h2,
	h3,
	caption {
		page-break-after: avoid;
	}
}

/* orientation iOS font-size fix */
@media (orientation: landscape) and (max-device-width: 768px) {
	html,
	body {
		-webkit-text-size-adjust: 100%;
	}
}
/* ----------------------------- */
/* ==grids                       */
/* ----------------------------- */

/* equal grids with 2% gutter */
[class*=grid] > * {float: left; } /* direct childrens are floating */
[class*=grid] > * + * { margin-left: 2%; } /* here's the gutter */
.grid2 > * { width: 49%; }
.grid3 > * { width: 32%; }
.grid4 > * { width: 23.5%; }
.grid5 > * { width: 18.4%; }
.grid6 > * { width: 15%; }

/* unequal grids (1-2, 2-1, 1-3 and 3-1) */
.grid2-1 > *:first-child,
.grid1-2 > * + * { width: 66%; }
.grid1-2 > *:first-child,
.grid2-1 > * + * { width: 32%; }
.grid1-3 > *:first-child,
.grid3-1 > * + * { width: 23.5%; }
.grid3-1 > *:first-child,
.grid1-3 > * + * { width: 74.5%; }


/* ----------------------------- */
/* ==tables                      */
/* ----------------------------- */

table,
.table {
	max-width : 100%;
	table-layout: fixed;
	border-collapse: collapse;
	vertical-align: top;
}
table {
	width: 100%;
}
.table {
	display: table;
}
caption {
	padding: 10px;
	color: #555;
	font-style: italic;	
}
table { 
	border: 1px solid #ccc;
}
tr > * + * {
	border-left: 1px solid #ccc;
}
th,
td {
	padding: .3em .8em;
	text-align: left;
	border-bottom: 1px solid #ccc;
}
td {
	color: #333;
}

/* alternate tables */
.alternate { border: 0; }
.alternate tbody { 
	border: 1px solid #ccc; 
}
.alternate thead tr > * + * {
	border-left: 0;
}
.alternate tbody tr > * + * {
	border-left: 1px solid #ccc;
}

/* alternate-vert tables */
.alternate-vert { 
	border: 0;
	border-right: 1px solid #ccc;
}
.alternate-vert tr > :first-child {
	border-bottom: 0;
}
.alternate-vert tr > * + * {
	border-top: 1px solid #ccc;
}

/* striped tables */
.striped tbody tr:nth-child(odd) {
	background: #eee;
	background: rgba(0, 0, 0, .05);
}

/* striped-vert tables */
.striped-vert tr > :first-child {
	background: #eee;
	background: rgba(0, 0, 0, .05);
}
/* ----------------------------- */
/* ==forms                       */
/* ----------------------------- */

/* thanks to HTML5boilerplate, github.com/nathansmith/formalize and www.sitepen.com */


/* buttons */
.btn { display: inline-block; }

.btn.alternate {}
.btn.highlight {}
.login {}
.logout {}
.primary {}
.warning {}
.error {}
.success {}

/* forms items */
label { 
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}
legend {
	border: 0;
	white-space: normal;
}
button,
input,
select {
	font-family: "Century Gothic", helvetica, arial, sans-serif;
	font-size: 100%;
	margin: 0;
	vertical-align: middle;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar on empty textarea in IE6/7/8/9 */
	min-height: 5em;
	font-size: 1.75em;
	vertical-align: top;
	resize: vertical;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button; /* clickable input types in iOS */
	*overflow: visible; /* Corrects inner spacing displayed oddly in IE7 */
}
input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Corrects excess space around these inputs in IE8/9 */
	*width: 13px; *height: 13px; /* Corrects excess space around these inputs in IE7 */
}
input[type="search"] { -webkit-appearance: textfield; }

/* if select styling bugs on WebKit */
/* select { -webkit-appearance: none; } */

/* 'x' appears on right of search input when text is entered. This removes it */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}
::-webkit-input-placeholder { color: #777; }
input:-moz-placeholder,
textarea:-moz-placeholder   { color: #777; }

/* Removes inner padding and border in FF3+ */
button::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='reset']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* ----------------------------- */
/* ==desktop and retina medias   */
/* ----------------------------- */

@media (min-width: 641px) {
/* here go rules for big resources and big screens like: background-images, font-faces, etc. */
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
/* Style adjustments for retina devices */
}

/* ---------------------------------- */
/* ==Responsive large / medium / tiny */
/* ---------------------------------- */

@media (min-width: 1280px) {

	/* layouts for large (l) screens */
	.large-hidden,
	.tablet-hidden { display: none !important; }
	.large-visible { display: block !important; }
	.large-no-float {float: none; }
	.large-inbl {
		display: inline-block;
		float: none;
		vertical-align: top;
	}
	.large-row {
		display: table;
		table-layout: fixed;
		width: 100% !important;
	}
	.large-col {
		display: table-cell;
		vertical-align: top;
	}

	/* widths for large (l) screens */
	.large-w25 { width: 25% !important; }
	.large-w33 { width: 33.3333% !important; }
	.large-w50 { width: 50% !important; }
	.large-w66 { width: 66.6666% !important; }
	.large-w75 { width: 75% !important; }
	.large-w100 {
		display: block !important;
		float: none !important;
		clear: none !important;
		width: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		border: 0;		
	}

	/* margins for large (l) screens */
	.large-ma0,
	.large-man { margin: 0 !important; }
}

@media (max-width: 768px) {

	/* quick tablet reset */
	.w60,
	.w66,
	.w70,
	.w75,
	.w80,
	.w90,
	.w100,
	.w600p,
	.w700p,
	.w800p,
	.w960p,
	.mw960p,
	.medium-wauto { width: auto; } 

	/* layouts for medium (m) screens */
	.medium-hidden,
	.tablet-hidden { display: none !important; }
	.medium-visible { display: block !important; }
	.medium-no-float {float: none; }
	.medium-inbl {
		display: inline-block;
		float: none;
		vertical-align: top;
	}
	.medium-row {
		display: table;
		table-layout: fixed;
		width: 100% !important;
	}
	.medium-col {
		display: table-cell;
		vertical-align: top;
	}

	/* widths for medium (m) screens */
	.medium-w25 { width: 25% !important; }
	.medium-w33 { width: 33.3333% !important; }
	.medium-w50 { width: 50% !important; }
	.medium-w66 { width: 66.6666% !important; }
	.medium-w75 { width: 75% !important; }
	.medium-w100 {
		display: block !important;
		float: none !important;
		clear: none !important;
		width: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		border: 0;		
	}
	/* margins for medium (m) screens */
	.medium-ma0,
	.medium-man { margin: 0 !important; }

	/* Responsive grids */
	.grid4 > * {width: 49% !important; } 
	.grid4 > :first-child + * + * {margin-left: 0 !important;}
	.grid6 > * {width: 32% !important; }  
	.grid6 > :first-child + * + * + * {margin-left: 0 !important;}
}

@media (max-width: 640px) {

	/* quick smartphone reset */
	.mod,
	.item,
	.col,
	fieldset {
/* -------------------------------------------------------------*/		display: block !important;
/* -------------------------------------------------------------*/		float: none !important;
		clear: none !important;
		width: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		border: 0;
	}
	.w30,
	.w33, 
	.w40,
	.w50,
	.w300p,
	.w400p,
	.w500p {
		width: auto;
	}
	.row { 
		display: block !important;
		width: 100% !important;
	}

	/* layouts for tiny (t) screens */
	.tiny-hidden,
	.phone-hidden { display: none !important; }
	.tiny-visible { display: block !important; }
	.tiny-no-float {float: none;}
	.tiny-inbl {
		display: inline-block;
		float: none;
		vertical-align: top;
	}
	.tiny-row {
		display: table;
		table-layout: fixed;
		width: 100% !important;
	}
	.tiny-col {
		display: table-cell;
		vertical-align: top;
	}
/* -------------------------------------------------------------
    th,
    td {
		display: block !important;
		width: auto !important;
		text-align: left !important;
	}
-------------------------------------------------------------*/
    th {
        display: block !important;
		width: auto !important;
		text-align: left !important;
    }
	td {
		display: block !important;
		width: auto !important;
		text-align: left !important;
    padding: 1em 2em !important;
    border-left: none !important;
    margin: 0 !important;
	}
  
	thead { display: none; }

	/* widths for tiny (t) screens */
	.tiny-w25 { width: 25% !important; }
	.tiny-w33 { width: 33.3333% !important; }
	.tiny-w50 { width: 50% !important; }
	.tiny-w66 { width: 66.6666% !important; }
	.tiny-w75 { width: 75% !important; }
	.tiny-w100 { 
		display: block !important;
		float: none !important;
		clear: none !important;
		width: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		border: 0;
	}
	/* margins for tiny (t) screens */
	.tiny-ma0,
	.tiny-man { margin: 0 !important; }
    
}

/* Stylesheet: - knacssOK Modified On 2015-06-30 10:45:19 */
/*-----------------------------------------------------------------------------------*/
/*    .	MENU
/*-----------------------------------------------------------------------------------*/
.clear { clear: both; }
.nav-button { display: none; } /* hide the navigation button by default */

/* ------ NAVIGATION ------ */

/* first level */
.main-navigation {
    z-index: 990;
  margin-top: 30px;
}
.main-navigation ul {
    list-style: none; 
    float:right;
  margin: 0;
}
.main-navigation > ul > li {
    float: left;
    padding: 0;
    margin:0 4px;
    position: relative;
}
.main-navigation > ul > li:first-child,
.main-navigation > ul > li.first {
    margin-left: 0
}
.main-navigation > ul > li:last-child,
.main-navigation > ul > li.last {
    margin-right: 0
}
.main-navigation > ul > li > a {
    font-family: 'Oswald', 'Arial Narrow', sans-serif;
    color: #555;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    text-transform: normal;
      backgroun: rgba(255,255,255,.7);
      background: #EAE3D4 url(http://www.scarabee-biocoop.fr/uploads/scarabee/subtle-pattern-5.jpg) repeat 0px 30px;

	-moz-border-radius: 5px ;
	-webkit-border-radius: 5px ;
	border-radius: 5px ;
}
/***** menu horizontal */
#menu li a {
   display: block;
   line-height: 20px;
   padding: 6px 10px;
   text-decoration: none;
}
/***** style liens 1er niveau */
#menu li span.sectionheader {
   text-transform: uppercase;
   font-weight:normal;
   font-size:15px; 
   color: #555555;
   display:block;
   outline:0;
   text-decoration:none;
   text-shadow: 1px 1px 1px #fff;
}
#menu li:hover span.sectionheader {
   font-weight:normal;
      text-shadow: 1px 1px 1px #ffffff;
}

/***** description - info span */
#menu span.info  {
 line-height: 1;
 font-size: 12px;
 word-spacing: 1px;
 padding-bottom: 10px;
 text-transform: none;
 text-shadow: none;
 font-weight: normal;
}
#menu .scarabee span.info { color: #0055A9; }
#menu .magasins span.info { color: #41AF8E; }
#menu .restaurants span.info { color: #FFA200; }
#menu .services span.info { color: #c94e1a; }
#menu .animations span.info { color: #57589f; }
#menu .produits span.info { color: #5AB0CF; }
#menu span.info { color: #888; }

/***** styles hover ou active **************************************/
#menu li .menuitem {
	border: 1px solid transparent;
}
#menu li:hover .menuitem {
   cursor:default;
	border: 1px solid #bbb;
        border-bottom: none;
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
	
	/* Background color and gradients */
	
	background: #F4F4F4;
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
	
	/* Rounded corners */
	
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

#menu li.no-sub:hover .menuitem {
   cursor:pointer;
	border: 1px solid #aaa;
	margin:0 0 0 0px;

	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
	
	/* Background color and gradients */
	
	background: #F4F4F4;
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
	
	/* Rounded corners */
	
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
/***** marqueur dropmenu */
#menu .submenuheader span.sectionheader {
	padding-right:21px;
}
#menu li:hover .submenuheader {
	background: #EEE url(http://www.scarabee-biocoop.fr/uploads/scarabee/drop2.png) no-repeat 92% 11px;
}
/*
#menu li span.sectionheader:after {
  content: "\f078";
  position: absolute;
  right: 10px;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}
*/

#menu .parent { border-bottom: 6px solid transparent; }

#menu .scarabee.parent:hover { border-bottom: 6px solid #0055A9; }
#menu .magasins.parent:hover { border-bottom: 6px solid #296F5A; }
#menu .restaurants.parent:hover { border-bottom: 6px solid #FFA200; }
#menu .services.parent:hover { border-bottom: 6px solid #8c151f; }
#menu .animations.parent:hover { border-bottom: 6px solid #57589f; }
#menu .produits.parent:hover { border-bottom: 6px solid #137A9F; }


#menu li.current a {
	border: 1px solid transparent;
	margin:0 0 0 0px;
	border-bottom:1px solid #D9D9D9;
	
	/* Background color and gradients */

	background: #F3F3F3;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));

	/* Rounded corners */
	
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
#menu li.current ul a {
	border: none;
	background: none;
}



/***** 2e niveau */
#menu ul {
 position: absolute;
 z-index: 100;

 top: 50px; /* hide first */


 /* animate dropdown */
 opacity: 0.5; /* set opactiy to 0 for transtion effect */
 transition: width .4s ease-in-out;
 -webkit-transition: width .4s ease-in-out;
 -moz-transition: width .4s ease-in-out;
 -o-transition: width .4s ease-in-out;
 border-radius: 0 0 6px 6px;
 transition: opacity .4s ease-in-out;
 -webkit-transition: opacity .4s ease-in-out;
 -moz-transition: opacity .4s ease-in-out;
 -o-transition: opacity .4s ease-in-out;

}
#menu li:hover ul {
 top: 58px;
 left: 0;
 opacity: 1;

}
@media screen and (min-width: 768px) {
#menu ul {
 position: absolute;
 z-index: 100;
 max-width: 0px;
 top: 53px; /* hide first */
 overflow:hidden; 
    max-height: 1px;

 /* animate dropdown */
 opacity: 0.5; /* set opactiy to 0 for transtion effect */
 transition: width .4s ease-in-out;
 -webkit-transition: width .4s ease-in-out;
 -moz-transition: width .4s ease-in-out;
 -o-transition: width .4s ease-in-out;
 border-radius: 0 0 6px 6px;
 transition: opacity .4s ease-in-out;
 -webkit-transition: opacity .4s ease-in-out;
 -moz-transition: opacity .4s ease-in-out;
 -o-transition: opacity .4s ease-in-out;
   -webkit-transition: .4s ease-in-out;
  		-moz-transition: .4s ease-in-out;
  		 -ms-transition: .4s ease-in-out;
  			-o-transition: .4s ease-in-out;
  				 transition: .4s ease-in-out;
}
  #menu li:hover ul {
 top: 58px;
 left: 0;
 opacity: 1;
  max-height: 500px;
   max-width: 500px;
}
}
/***** style du 2e niveau **************************************/
#menu ul {
 border-radius: 0 6px 6px 6px;
 padding: 5px 0;
 margin:0 0 0 0px;
	border:0px solid #BBBBBB;
	border-top:none;
    height: auto;

	box-shadow: 1px 4px 5px 1px rgba(0, 0, 0, 0.2);

	/* Rounded Corners */
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
}
#menu .parent li a {
   display: block;
   line-height: 25px;
   padding: 6px 10px;
}
#menu .scarabee ul {
	/* Gradient background    */
	background:#2F78BF;
	background: -moz-linear-gradient(top, #2F78BF, #0055A9);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2F78BF), to(#0055A9));
}
#menu .magasins ul {
	/* Gradient background    */
	background:#41AF8E;
	background: -moz-linear-gradient(top, #41AF8E, #296F5A);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#41AF8E), to(#296F5A));
}
#menu .restaurants ul {
	/* Gradient background    */
	background:#fabb22;
	background: -moz-linear-gradient(top, #fabb22, #f29525);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fabb22), to(#f29525));
}
#menu .services ul {
	/* Gradient background    */
	background:#c94e1a;
	background: -moz-linear-gradient(top, #c94e1a, #8c151f);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c94e1a), to(#8c151f));
}
#menu .animations ul {
	/* Gradient background    */
	background:#8E90CF;
	background: -moz-linear-gradient(top, #8E90CF, #6B6EBF);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8E90CF), to(#6B6EBF));
}
#menu .produits ul {
	/* Gradient background */
	background:#5AB0CF;
	background: -moz-linear-gradient(top, #5AB0CF, #137A9F);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5AB0CF), to(#137A9F));
}
#menu li ul li {
 display: block;
 padding: 0 0px;
margin: 0 8px;
  white-space:nowrap;
}
#menu li ul li a {
   font-weight:normal;
   padding:4px 10px;
}
#menu li ul li a:hover {
   font-weight:normal;
   padding: 6px 9px 6px 11px;
}

#menu ul li {
 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#menu li ul li:last-child { border-bottom: none }
#menu li ul li.separateur { border: none }

/***********************************************************************************
 couleurs liens 2e niveau */

#menu .scarabee ul li a { color: #BFE1FF; margin:0; }
#menu .scarabee ul li a:hover, #menu .scarabee ul li a.current { color: #3FA4FF; }
#menu .magasins ul li a { color: #8FFFDD; margin:0; }
#menu .magasins ul li a:hover, #menu .magasins ul li a.current { color: #1D4F40; }
#menu .restaurants ul li a { color: #FFF6DF; margin:0; }
#menu .restaurants ul li a:hover, #menu .restaurants ul li a.current { color: #BF5500; }
#menu .services ul li a { color: #FFD3BF; margin:0; }
#menu .services ul li a:hover, #menu .services ul li a.current { color: #FF7A3F; }
#menu .animations ul li a { color: #CFD1FF; margin:0; }
#menu .animations ul li a:hover, #menu .animations ul li a.current { color: #3E406F; }
#menu .produits ul li a { color: #BFEEFF; margin:0; }
#menu .produits ul li a:hover, #menu .produits ul li a.current { color: #00526F; }

#menu ul li a {
   -webkit-transition: .2s ease;
  		-moz-transition: .2s ease;
  		 -ms-transition: .2s ease;
  			-o-transition: .2s ease;
  				 transition: .2s ease;
}

#menu .restaurants ul li hr { 
/* opacity:0.4; */
   color: #f29525;
   background-color: #f29525;
   height: 2px;
   border: 0;
margin:0;
}


/***********************************************************************************
SOUS MENU */

.sousmenu ul {
	/* Rounded Corners */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.sousmenu.magasins ul { background-color: #40AF8E; }
.sousmenu.restaurants ul { background-color: #FCA000; }
.sousmenu.produits ul { background-color: #5AB0D0; }

.sousmenu.magasins ul li a span { color: #fff; }
.sousmenu.restaurants ul li a span { color: #fff; }
.sousmenu.produits ul li a span { color: #fff; }


/***********************************************************************************
MOBILE */

@media screen and (max-width: 1100px) {

    .main-navigation > ul {
    padding: 0;
    }
    #menu {
    margin-top: 16px;
    }
    #menu > li { margin: 0; }  
    #menu span.info {
    display: none;
    }
    #menu li:hover ul {
    top: 39px;
    }
    #menu li:last-child {
    margin-right: 0px;
    }

/***** marqueur dropmenu */
#menu .submenuheader span.sectionheader {
	padding-right:0px;
}
#menu li:hover .submenuheader {
	background: #EEE url("ttp://www.mutabulos.net/www/scarabee/uploads/site/drop.png") no-repeat 7px 0px;
}
#menu .parent { border-bottom: 6px solid transparent; }

#menu li { margin: 0 10px 0 0; }
#menu .scarabee { border-bottom: 3px solid #2F78BF; }
#menu .magasins { border-bottom: 3px solid #41AF8E; }
#menu .restaurants { border-bottom: 3px solid #fabb22; }
#menu .services { border-bottom: 3px solid #c94e1a; }
#menu .animations { border-bottom: 3px solid #8E90CF; }
#menu .produits { border-bottom: 3px solid #5AB0CF; }
#menu .liens { border-bottom: 3px solid #888; }

    #menu .parent:hover { margin-bottom: -2px }


#menu .liens:hover { border-bottom: 0px solid transparent; }
  
#menu li.current a {
	/* Rounded corners */
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
    }
  .main-navigation > ul > li > a {
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}
  
}


/* Stylesheet: - menu-v2 Modified On 2016-03-18 10:36:46 */
.wrap {
        width: 92%;
        max-width: 1100px
    }
body {
    font: 1.3em/1.5em 'Droid Sans', Arial, "Lucida Grande", sans-serif;
  background: #E4DDCE url(http://www.scarabee-biocoop.fr/uploads/scarabee/background_tile.jpg) repeat;
    color: #555;
	/*-webkit-font-smoothing: antialiased;*/
}

.img {
      max-width: 100%;
    height: auto;
    width: auto;
    box-sizing: border-box;
}
.imgLeft {
  float: left;
	margin-right: 10px;
  width: auto;
vertical-align: middle;
}
.imgRight {
  float: right;
	margin-left: 10px;
  width: auto;
}

/* horizontal ruler */
hr { 
    border: dashed #BFB7A7; 
    border-width: 1px 0 0 0; 
}

/* ----------------------------- */
/* ==typography */
/* ----------------------------- */
/* default heading styles */
h1,
h2,
h3,
h4 {
    font-family: 'Oswald', 'Arial Narrow', sans-serif;
}
h1 {
    color: #FFF;
    margin: 0px 0 20px 0px;
    font-size: 30px;
      line-height: 32px;
    text-transform: uppercase;
}
/* ::::::::::::::::::::::::::::::::: */
h1 {
    color: #ABCE5D;
    margin: 0 0 20px;
    font-size: 40px;
    font-weight: 700;
      line-height: 1em;
    text-transform: uppercase;
  height:auto;
  opacity: 1;
  right:0px;
  float:none;
  text-align: right;
  position: relative;
    z-index:-5;

}
h1:before {
  content: '';
  position: absolute;
  opacity: .3;
  z-index:-10;
  top: -20px;
  right:110px;
  height:200px;
  width: 200px;
}
/* ::::::::::::::::::::::::::::::::: */

.scarabee h1 { color: #0054A8 }
.magasins-bio h1 { color: #41AF8E }
.restaurants-bio h1 { color: #FEA100 }
.produits h1 { color: #5AB0CF }
.services h1 { color: #C94E1A }
.animations h1 { color: #56579E }
.sites-amis h1{ color: #555 }


h2 {
    color: #555;
    font-weight: 400;
    font-size: 22px;
  line-height:25px;
    margin: 30px 0 10px 0;
  padding-bottom: 15px;
    display:block;
}

.accueil h2 { background: transparent url(http://www.scarabee-biocoop.fr/uploads/scarabee/titre-1.gif) no-repeat 90% bottom; }
.scarabee h2 { background: transparent url(http://www.scarabee-biocoop.fr/uploads/scarabee/titre-1.gif) no-repeat 90% bottom; }
.magasins-bio h2 { background: transparent url(http://www.scarabee-biocoop.fr/uploads/scarabee/titre-2.gif) no-repeat 90% bottom; }
.restaurants-bio h2 { background: transparent url(http://www.scarabee-biocoop.fr/uploads/scarabee/titre-3.gif) no-repeat 90% bottom; }
.produits h2 { background: transparent url(http://www.scarabee-biocoop.fr/uploads/scarabee/titre-4.gif) no-repeat 90% bottom; }
.services h2 { background: transparent url(http://www.scarabee-biocoop.fr/uploads/scarabee/titre-5.gif) no-repeat 90% bottom; }
.animations h2 { background: transparent url(http://www.scarabee-biocoop.fr/uploads/scarabee/titre-6.gif) no-repeat 90% bottom; }
.test h2 { background: transparent url(http://www.scarabee-biocoop.fr/uploads/scarabee/titre-1.gif) no-repeat 90% bottom; }
.block h2 {

  word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: none;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: none;
  background-color: #ABCE5C;
  padding: 15px 10px 15px;
  z-index: 0;
  position: relative;
  
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
	  	border-radius: 7px;
  margin: 0 0 -15px; 
  background: #DFD4B5 url(http://www.scarabee-biocoop.fr/uploads/scarabee/bouton1.jpg) repeat-x 30% 4%;
  color: #415F23 !important;
  opacity: .9;  
}

h3 {
    border-bottom: 3px solid #CAC3B6;
    color: #555;
    font-weight: 400;
    padding: 10px 0 5px;
    margin: 20px 0 0;
    font-size: 18px;
    line-height: 20px;
    display:inline-block;
}
.les-recettes h3, .recherche h3, .contact h3 {
    border-bottom: 3px solid #ABCE5C;
}

h4 {
    font-weight: 400;
    color: #555;
    font-size: 16px;
    text-align:left;
      margin-bottom: 1em;

}

.scarabee h4 { color: #0053A8; }
.magasins h4 { color: #0053A8; }
.restaurants h4 { color: #FEA100; }
.produits h4 { color: #5AB0CF; }
.services h4 { color: #C94D19; }
.animations h4 { color: #56569E; }

h2.chapeau {
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
}
h2.chapeau strong { font-weight: 400; }

.scarabio > h2 { color: #832518; }
.scarabio > h2.chapeau strong  { color: #b84938; }
.scarabio > h3 { color: #b84938; }
.scarabio > h4 { color: #DF5D47; margin-bottom:-.3em; }

/* blockquotes and cites */
blockquote, 
blockquote p {
    margin: 0;
    font-size: 16px; 
    line-height: 1.5; 
    color: #555; 
    font-style: italic;
    font-family: Georgia, Times New Roman, serif
}
blockquote { 
    margin: 20px 0 10px; 
    padding: 9px 10px 10px 19px; 
    border-left: 5px solid #CAC3B6
}
blockquote cite { 
    display: block; 
    font-size: 12px; 
    color: #555 
}
blockquote cite:before { 
    content: "\2014 \0020"; 
}
blockquote cite a, 
blockquote cite a:visited, 
blockquote cite a:visited {
    font-family: Georgia, Times New Roman, serif;    
}

#main ul { margin: 0; }
#main ul li {
    padding: .3em 1em .3em 0;
    margin-left: -5px;
}
#main ul {
  list-style-type: none;
      padding-left: 23px;
}
#main li:before {
    font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 11px;
  display: inline-block;
  text-decoration: inherit;
  content: "\f061";
  margin: -15px;
  padding-right: 21px;
}
#main.scarabee li:before { color: #0053A8; }
#main.magasins-bio li:before { color: #40AF8E; }
#main.restaurants-bio li:before { color: #FEA100; }
#main.produits li:before { color: #5AB0CF; }
#main.services li:before { color: #C94D19; }
#main.animations li:before { color: #8E90CF; }
#main.les-recettes li:before, #main.recherche li:before, #main.contact li:before {
  color: #ABCE5B;
}

.blocBlanc, p.blocBlanc {
      font-size: 1.07em;
  margin:0;
  display: block;
  background: #eee;
      background: rgba(240,240,240,.6);
  border: 1px solid #bbb;
  border-radius: .3em;
  padding: 1.4em;
-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2) inset;
        -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2) inset;
		box-shadow:1px 1px 3px rgba(0,0,0,0.2) inset;
		}

#main.scarabio ul { padding-top: 1em; padding-left: 2em; }
.scarabio li::before { color: #CAC3B6; }
.scarabio li > h4 {
  display: inline;
  color: #DF5D47;
  margin-left: -.25em;
}

.sca-puce { opacity: 0.3; }

/* ----------------------------- */
/* == GLASSFROG LIST */
/* -----------------------------
.holacracy h2 {
  color: #555;
  font-size: 2.5em;
  margin-bottom: 0;
  padding-bottom: .2em;
}
#holamail {
  padding-bottom: .5em;
  border-bottom: 1px dashed #bbb;
}

#main ul#glassfrog-tree h3 {
  color: #555;
  border-color: transparent;
  font-size: 1.5em;
  margin-left: .6em;
}

#main ul#glassfrog-tree h3.active {
  border-color: #ABCE5C;
  font-size: 1.5em;
}
#main ul#glassfrog-tree h3:before {
  color: #BAB3A7;
  content: "+ ";
  font-size: 1.5em;
  font-weight: 300;
  display: inline-block;
  margin: -.1em 0 0 -.5em;
  position: absolute;
}
#main ul#glassfrog-tree h3.active:before {
  content: "- ";
  font-size: 1.7em;
  font-weight: 300;
  display: inline-block;
  margin: -.15em 0 0 -.43em;
  position: absolute;
}
#main ul#glassfrog-tree h3:hover {
  color: #000;
}
#main ul#glassfrog-tree h3:hover:before {
  color: #000;
}

#main ul#glassfrog-tree {
  padding-left: 2em;
  padding-left: .5em;
}
#main #glassfrog-tree ul {
  margin-top: .2em ;
  margin-bottom: .5em;
  padding-left: 1em;
}
#main ul#glassfrog-tree .purpose-cercle {
  font-style: italic;
  margin-bottom: .2em;
  display: block;
}
#main ul#glassfrog-tree li ul li:first-child h4 {
  margin-top: 3em;
}

#main #glassfrog-tree label {
  margin: 0 ;
  padding: 0;
}
#main #glassfrog-tree label h4 {
  color: #8FAD48;
  padding: 0 0 0 3em;
  margin: 0;
}

#main ul#glassfrog-tree h4.active {
  color: #555;
  font-size: 1.25em;
  margin: .3em 0 0 -.8em;
}
#main ul#glassfrog-tree li ul li:first-child h4.active {
  margin-top: 0em;
}
#main ul#glassfrog-tree h4:before {
  color: #BAB3A7;
  content: "+ ";
  font-size: 1.5em;
  font-weight: 300;
  display: inline-block;
  margin: -.1em 0 0 -.5em;
  position: absolute;
}
#main ul#glassfrog-tree h4.active:before {
  content: "- ";
  font-size: 1.7em;
  font-weight: 300;
  display: inline-block;
  margin: -.15em 0 0 -.43em;
  position: absolute;
}
#main ul#glassfrog-tree h4:hover {
  color: #000;
}
#main ul#glassfrog-tree h4:hover:before {
  color: #000;
}

#main #glassfrog-tree ul li li {
  margin: 0 0 0 2em;
  padding: 0;
}
#main #glassfrog-tree ul li ul ul {
  margin: 0;
}

#main ul#glassfrog-tree li.glassfrog-noIcon:before {
  content:"";
  padding: 0;
  margin: 0;
}

#main ul#glassfrog-tree li:before {
  color: #ABCE5C;
}

/***** TREEVIEW CODE ****
#glassfrog-tree li > input + * {
 display: none;
}
 
#glassfrog-tree li > input:checked + * {
 display: block;
}

#glassfrog-tree li > input {
 display: none;
}

#glassfrog-tree label {
 cursor: pointer;
}
 ----------------------------- */
/* == GLASSFROG LIST end */
/* ----------------------------- */

/* ----------------------------- */
/* == GLASSFROG LIST */
/* ----------------------------- */
.holacracy h2 {
  color: #555;
  font-size: 2.5em;
  margin-bottom: 0;
  padding-bottom: .2em;
}
#holamail {
  padding-bottom: .5em;
  border-bottom: 1px dashed #bbb;
}

#main ul#glassfrog-tree h3 {
  color: #555;
  border-color: transparent;
  font-size: 1.5em;
  margin-left: .6em;
}

#main ul#glassfrog-tree h3.active {
  border-color: #ABCE5C;
  font-size: 1.5em;
}
#main ul#glassfrog-tree h3:before {
  color: #BAB3A7;
  content: "+ ";
  font-size: 1.5em;
  font-weight: 300;
  display: inline-block;
  margin: -.1em 0 0 -.5em;
  position: absolute;
}
#main ul#glassfrog-tree h3.active:before {
  content: "- ";
  font-size: 1.7em;
  font-weight: 300;
  display: inline-block;
  margin: -.15em 0 0 -.43em;
  position: absolute;
}
#main ul#glassfrog-tree h3:hover {
  color: #000;
}
#main ul#glassfrog-tree h3:hover:before {
  color: #000;
}

#main ul#glassfrog-tree {
  padding-left: 2em;
  padding-left: .5em;
}
#main #glassfrog-tree ul {
  margin-top: .2em ;
  margin-bottom: .5em;
  padding-left: 3em;
		margin: 0;
}
#main ul#glassfrog-tree .purpose-cercle {
  font-style: italic;
  margin-bottom: .2em;
  display: block;
}
#main ul#glassfrog-tree li ul li:first-child h4 {
  margin-top: 3em;
}

#main #glassfrog-tree label {
  margin: 0 ;
  padding: 0;
}
#main #glassfrog-tree label h4 {
  color: #8FAD48;
  padding: 0 0 0 3em;
  margin: 0;
		transition: all .2s ease-in-out;
 		-webkit-transition: all .2s ease-in-out;
 		-moz-transition: all .2s ease-in-out;
 		-o-transition: all .2s ease-in-out;
}

#main ul#glassfrog-tree h4.active {
  color: #555;
  font-size: 1.25em;
  margin: .3em 0 0 -.8em;
}
#main ul#glassfrog-tree li ul li:first-child h4.active {
  margin-top: 0em;
}
#main ul#glassfrog-tree h4:before {
  color: #BAB3A7;
  content: "+ ";
  font-size: 1.5em;
  font-weight: 300;
  display: inline-block;
  margin: -.1em 0 0 -.5em;
  position: absolute;
}
#main ul#glassfrog-tree h4.active:before {
  content: "- ";
  font-size: 1.7em;
  font-weight: 300;
  display: inline-block;
  margin: -.15em 0 0 -.43em;
  position: absolute;
}
#main ul#glassfrog-tree h4:hover {
  color: #000;
}
#main ul#glassfrog-tree h4:hover:before {
  color: #000;
}

#main #glassfrog-tree ul li li {
  margin: 0 0 0 2em;
  padding: 0;
}
#main #glassfrog-tree ul li ul ul {
  margin: 0;
}

#main ul#glassfrog-tree li.glassfrog-noIcon:before {
  content:"";
  padding: 0;
  margin: 0;
}

#main ul#glassfrog-tree li:before {
  color: #ABCE5C;
}

/***** TREEVIEW CODE *****/
#glassfrog-tree li > input + * {
/* display: none; */
      transition: all .4s ease-in-out;
 		-webkit-transition: all .4s ease-in-out;
 		-moz-transition: all .4s ease-in-out;
 		-o-transition: all .4s ease-in-out;  
		max-height: 0;
		opacity: 0;
		overflow:hidden; 

}
#main #glassfrog-tree li > input:checked + ul {
  	margin-top: .2em ;
  	margin-bottom: .5em;
  	padding-left: 1em;
} 
#glassfrog-tree li > input:checked + * {
 display: block;
    max-height: 100%;
    max-width: 1000em;
    opacity: 1;
}

#glassfrog-tree li > input {
 display: none;
}

#glassfrog-tree label {
 cursor: pointer;
}
/* ----------------------------- */
/* == GLASSFROG LIST end */
/* ----------------------------- */

/*--------------------------------------------------
header
--------------------------------------------------*/
header {
    background: rgba(0,0,0,.05);
      background: transparent url(http://www.scarabee-biocoop.fr/uploads/scarabee/header44.jpg) repeat-x 50% -65px;
    padding-bottom: 40px
}
header .mod {
  padding:0;
}

/* Header bar */
.bar {
    background: rgba(0,0,0,0.1);
}
.bar span.phrase {
  margin: 5px 0;
    font-family: 'Oswald', 'Arial Narrow', sans-serif;
    font-style: normal;
    color: #F2EBDC;
    font-size: 1em;
    font-weight: 400;
}
.topBarLiens {
  display:block;
margin: 6px 7px 0;
    color: #777;
    text-decoration: none;
}
.topBarLiens a {
    color: #6F695A;
    color: #F2EBDC;
          font:  italic .95em Georgia, Times New Roman, serif;
  margin: 5px;
    text-decoration: none;
    -webkit-transition: all .15s ease-in-out;
       -moz-transition: all .15s ease-in-out;
         -o-transition: all .15s ease-in-out;
            transition: all .15s ease-in-out;
}
.topBarLiens a:hover {
    color: #6F695A;
    text-decoration: none;
}
.topBarLiens span {
  margin-left: 5px;
}
.login span {
  display:none;
}
.search form {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}
.search label {
  display: none;
}
/* search */
.search {
    text-align: right;
/*  width: 280px; */

}
/* webkit browser add icons to input of type search, we dont want it here now */
input.search-input::-webkit-search-decoration,
input.search-input::-webkit-search-results-button,
input.search-input::-webkit-search-results-decoration {
    -webkit-appearance:none
}
/* styling the search input field */
input.search-input {
      display: inline;
  position:relative;
    border: 0px solid #f1f1f1;  
    height: 30px;
    outline: 0;
    margin-right: -5px;
      width: 90px;
    padding: 5px 0 3px 8px;
    font-size: 11px;
    color: rgba(0,0,0,.4);
    transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out; 
    background: #D8D1C3 url(http://www.scarabee-biocoop.fr/uploads/scarabee/subtle-pattern-5.jpg) repeat;
}
input.search-input:hover {
      color: rgba(0,0,0,.5);
    background-image: none;
     background-color: rgba(255,255,255,1);
}
input.search-input:focus {
      width: 165px;
    color: #555;
   background-color: rgba(255,255,255,1);
  background-image: none;
    border: none;
    width: 135px;
      padding: 5px 0 3px 10px;
    box-shadow: 0 0 3px #aaa;    
    -webkit-box-shadow: 0 0 3px #aaa;
    -moz-box-shadow: 0 0 3px #aaa;
    -o-box-shadow: 0 0 3px #aaa;
}
input.search-button {
      display: inline;
  position:relative;
  cursor:pointer;
  text-indent:-9999em;
  border: none;
      height: 30px;
  width: 35px;
  padding: 0;
  margin:0;
  vertical-align: top;
    background: #BFB7A7 url(http://www.scarabee-biocoop.fr/uploads/simplex/images/simplex-sprite.png) 0px -433px no-repeat;
}
input.search-button:hover {
      background: #0054A8 url(http://www.scarabee-biocoop.fr/uploads/simplex/images/simplex-sprite.png) 0px -433px no-repeat;
    transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out; 
}

/* logo */
.logo {
  margin-top:1.3em;
}
.logo a:after {
  opacity: .4;
  content: '';
  display: inline-block;
  position: relative;
  vertical-align: bottom;
  padding-left: 10px;
  width: 20px;
  height: 20px;
  background: url(http://www.scarabee-biocoop.fr/uploads/scarabee/ico_home.png) no-repeat 50% 50%;
}
.logo a:hover:after {
  opacity: 1;
}

/* ----------------------------- */
/* ==structure */
/* ----------------------------- */

#main a:link, #main a:visited {
  color: #6C9D3D;
  text-decoration: none;
  border-bottom: 1px solid #CFC6B5;
  padding-bottom: 2px;
  
      -webkit-transition: all .15s ease-in-out;
       -moz-transition: all .15s ease-in-out;
         -o-transition: all .15s ease-in-out;
            transition: all .15s ease-in-out;
}
#main a:hover, #main a:active {
  color: #000;
/*  background-color: #F0EDE6; */
  text-decoration: none;
  border-bottom: 2px solid #A9C858;
  padding-bottom: 2px;
}
#filAriane {
  text-align:right;
  margin-bottom: 0px;
  font-size: 12px;
  font-family: 'Oswald', sans-serif;
  color: #AFA68E;
  text-transform: capitalize;
}
#filAriane .lastitem {
display:none;
}
#filAriane a:link, #filAriane a:visited  {
  color: #AFA68E;
  background-color: transparent;
  text-decoration: none;
  border-bottom: none;
  padding-bottom: 0;
}

/* ----------------------------- */
/* ==sidebar */
/* ----------------------------- */
aside.mod { padding: 15px 0; }

aside {
  margin-top: 20px;
  border-right: 0px solid #CCC;
    /*
    box-shadow:0 0 3px rgba(0, 0, 0, 0.1);
  box-shadow:0 0 2px rgba(0, 0, 0, 0.1),0 0 1px #ffffff inset;
  */
 box-shadow: 6px 0 8px -8px rgba(255, 255, 255, 1), -6px 0 4px -40px rgba(0, 0, 0, 0.5), -6px 0px 4px -4px rgba(0, 0, 0, 0.1) inset; 
 -moz-box-shadow: 6px 0 8px -8px rgba(255, 255, 255, 1), -6px 0 4px -40px rgba(0, 0, 0, 0.5), -6px 0px 4px -4px rgba(0, 0, 0, 0.1) inset; 
-webkit-box-shadow: 6px 0 8px -8px rgba(255, 255, 255, 1), -6px 0 4px -40px rgba(0, 0, 0, 0.5), -6px 0px 4px -4px rgba(0, 0, 0, 0.1) inset;
}
aside h2 {
  display:block;
  border:none;
    padding: 0px 0 20px 0;
  margin:0;
    color: #555;
    font-size:20px;
  font-weight:normal;
    font-family: 'Oswald', 'Arial Narrow', sans-serif;
}
.acces-rapides-menu h2 {
      background: transparent url(http://www.scarabee-biocoop.fr/uploads/scarabee/ico_acces-rapides.png) 0 50% no-repeat;
      background: transparent url(http://www.scarabee-biocoop.fr/uploads/scarabee/motif-rayureFin.png) 3% 100% repeat-x;
}
.news-summary h2 {
      background: transparent url(http://www.scarabee-biocoop.fr/uploads/scarabee/ico_news.png) 0 50% no-repeat;
      background: transparent url(http://www.scarabee-biocoop.fr/uploads/scarabee/motif-rayureFin.png) 3% 100% repeat-x;
}
aside h3 {
      padding: 0px;
      margin-bottom: 5px;
    color: #555;
    font-size:2px;
  font-weight:normal;
    font-family: 'Oswald', 'Arial Narrow', sans-serif;
}
aside ul {
  list-style:none;
  padding: 0;
  margin:0;
}

aside ul li {
     border-bottom: 1px dashed #CAC3B6;
}

aside ul li a:before {
     color: rgba(0, 0, 0, 0.15);
     content: "❱";
     font-size: 1.2em;
     margin-right: 10px;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
     content: "\f054";
vertical-align: -5%;
}

aside ul li a:hover:before {
     color: rgba(0, 0, 0, 0.5);
     color: #73A13E;
}

aside ul li:last-child {
     border-bottom: medium none;
}

aside ul li a {
     background: none;
     border-radius: 5px 5px 5px 5px;
     color: #777777;
     display: block;
     font-size: 12px;
     margin: 0;
     padding: 8px 0 6px 5px;
     text-decoration: none;
     -webkit-transition: .2s ease-in-out;
        -moz-transition: .2s ease-in-out;
  		 -ms-transition: .2s ease-in-out;
  		  -o-transition: .2s ease-in-out;
  		     transition: .2s ease-in-out;
}
aside ul li a:hover {
     background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.3);
     color: #555;
     padding-left: 15px;
font-weight: bold;
}

aside ul li a.currentpage {
     background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.3);
     color: #555;
     padding-left: 15px;
font-weight: bold;
}
aside ul li a.currentpage:before {
     color: rgba(0, 0, 0, 0.5);
     color: #73A13E;
}

/* previous, next links */
.previous a,
.next a,
.previous,
.next {
    font:  italic 11px/1.3 Georgia, Times New Roman, serif;
    color: #777;
    text-decoration: none
} 
/* hover behavior of more, next, previous links */
.more a:hover,
.back a:hover,
.previous a:hover,
.next a:hover {
    text-decoration: underline
}
.previous,
.next {
    padding: 6px 0;
}
/* align next link to right */
.previous {
    float:left;
}
.next {
    float: right
}

/* ----------------------------- */
/* ==footer */
/* ----------------------------- */

footer {
    position: relative;
    background: rgba(0,0,0,0.05) url(http://www.scarabee-biocoop.fr/uploads/simplex/images/footer-background.png) repeat-x top;
    background: rgba(0,0,0,0.02);
  background: rgba(0,0,0,0.02) url(http://www.scarabee-biocoop.fr/uploads/scarabee/background_tile.jpg) repeat;

    margin: 40px 0 0;
    padding: 20px 0 20px;
box-shadow: inset 0 10px 10px -11px rgba(0, 0, 0, 0.2);
}
footer ul {
padding: 0;
  margin: 0;
  list-style: none;
}
/* copyright text */
.copyright {
      margin: 13px 0 0;
    padding-top: 10px;
    border-top: 0px solid #CAC3B6;
}
.copyright p {
    color: #999;
    font-size: 11px;
    margin-top: 0px;
}
.copyright a {
    color: #555;
    text-decoration: none;
}
.copyright a:hover {
    color: #000;
    text-decoration: underline;
}
.copyright a#lienBiocoopFr {
  font-size: 1.27em;
  color: #00487F;
}
/* social icons */
.social { display: none; }
.copyright { margin: 0; padding-top: 0; }

.footer ul.social {
    padding: 0;
    margin: 0;
    display:visible;
}
.footer .social li {
    float:left;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-right: 6px
}
.footer .social li a {
    display: block;
    width: 24px;
    height: 24px;
    transition: all 0.2s ease-out;    
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;     
    text-indent: -999em
}
.footer .social li.facebook a { 
    /* using sprite image, left as reference to single image 
    background: transparent url(http://www.mutabulos.net/www/scarabee/uploads/simplex/images/facebook-icon.png) no-repeat 0 -24px
    */
    background: transparent url(http://www.scarabee-biocoop.fr/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -260px
}
.footer .social li.facebook a:hover {
    /* using sprite image, left as reference to single image */
    background: transparent url(http://www.scarabee-biocoop.fr/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -236px
}
.footer .social li.twitter a { 
    background: transparent url(http://www.scarabee-biocoop.fr/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -192px
}
.footer .social li.twitter a:hover {
    background: transparent url(http://www.scarabee-biocoop.fr/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -168px
}
.footer .social li.linkedin a { 
    background: transparent url(http://www.scarabee-biocoop.fr/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -328px
}
.footer .social li.linkedin a:hover {
   background: transparent url(http://www.scarabee-biocoop.fr/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -304px
}
.footer .social li.youtube a { 
    background: transparent url(http://www.scarabee-biocoop.fr/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -396px
}
.footer .social li.youtube a:hover {
    background: transparent url(http://www.scarabee-biocoop.fr/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -372px
}
/* back to top anchor */
.back-top a {
    display: inline-block;
    padding: 7px;
    font: 15px Georgia, Times New Roman, serif;
    text-decoration: none;
    color: #555;
    background: rgba(0,0,0,0.03);
    color: #666;
  text-align:center;
  z-index:990;
  width:30px;
  height:30px;
  border-radius:50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    position: absolute;
    top: 20px;
    left: 88%
}
.back-top a:hover {
      background: rgba(255,255,255,0.5);
    color: #000;
  cursor: pointer
}
/* Footer navigation */
.footer-navigation {
    padding-top: 0px
}
.footer-navigation > ul >li {
  border-top: 0px solid #CFC6B5;
  padding-top: 10px;
}
.footer-navigation > ul > li {
    float:left;
    width: 33%;
    width: 30%;
  padding: 0 2%;
margin-bottom: 20px;
  border-left: 1px solid #CFC6B5;
  min-height: 130px;
}
.footer-navigation > ul > li > a,
.footer-navigation > ul > li.sectionheader {
    font-family: 'Oswald', 'Arial Narrow', sans-serif;
    text-transform: uppercase;
    color: #6F695A;
    text-decoration: none;
    display: block;
    margin-bottom: 2px
}
.footer-navigation > ul > li > a:hover,
.footer-navigation > ul > li.sectionheader:hover {
    text-decoration: underline;
}
/* second level */
.footer-navigation > ul > li li {
    	font: 11px/1em 'Droid Sans', Arial, "Lucida Grande", sans-serif;
    float: none;
    width: 100%;
    display: block
}
.footer-navigation > ul > li li a,
.footer-navigation > ul > li li.sectionheader {
    text-decoration: none;
    display: block;
    padding: 2px 0;
    color: #8F8874
}
.footer-navigation > ul > li li a:hover {
    color: #6F695A;
  text-decoration:underline;
}
.footer-navigation hr {
    margin:3px 0;
  width: 15px;
      border: solid #BFB7A7; 
    border-width: 1px 0 0 0; 
    margin: 5px 0 5px 0; 
    height: 0
}

footer nav .parent58 a { color: #0055A9; }
footer nav .parent62 a { color: #41AF8E; }
footer nav .parent71 a { color: #FFA200; }
footer nav .parent94 a { color: #5AB0CF; }
footer nav .parent82 a { color: #c94e1a; }
footer nav .lien82 a { color: #c94e1a; }
footer nav .parent87 a { color: #8E90CF; }

footer nav .sectionheader94 { color: #5AB0CF; }

.footer-navigation > ul > li.sectionheader94 span {
    font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    text-transform: uppercase;
    display: block;
    margin-bottom: 2px
}


/*--------------------------------------------------
accordeon
--------------------------------------------------*/
h2.trigger {
    background: transparent;
    color: #555;
    cursor: pointer;
    font-weight: normal;
    margin: 0 0 2px;
    padding: 0 0 5px 40px;
  border-bottom: 1px dashed #BBB ;
      border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		-o-border-radius: 0px;
}
h2.trigger:before {
  content:'+ ';
font-size: 1.6em;
  line-height:1px;
  margin: 0 10px 0 -30px;
}
.produits h2.trigger:before { color: #5AB0CF; }
.les-recettes h2.trigger:before { color: #ABCE5B; }
.acces-rapides h2.trigger:before { color: #ABCE5B; }

.acces-rapides h2.trigger:before {
  content:'+ ';
font-size: 1.2em;
  line-height:1px;
  margin: 0 10px 0 -30px;
}
.acces-rapides h2.trigger {
    font: 1.2em/1.5em 'Droid Sans', Arial, "Lucida Grande", sans-serif;
}

h2.trigger:hover {
    color: #777;
    margin: 0;
}
.produits h2.trigger:hover { border-bottom: 3px solid #5AB0CF; }
.les-recettes h2.trigger:hover { border-bottom: 3px solid #ABCE5C; }
.acces-rapides h2.trigger:hover { border-bottom: 3px solid #ABCE5C; }

h2.active {
    margin: 0;
}
.produits h2.active { color: #5AB0CF; border-bottom: 3px solid #5AB0CF; }
.les-recettes h2.active { color: #839F45; border-bottom: 3px solid #ABCE5C; }
.acces-rapides h2.active { color: #839F45; border-bottom: 3px solid #ABCE5C; }

.produits h2.active:hover { color: #61BEDF; }
.les-recettes h2.active:hover { color: #ABCE5C; }
.acces-rapides h2.active:hover { color: #ABCE5C; }

.produits h2.active:before, .les-recettes h2.active:before {
  content:'× ';
  font-size: 1.5em;
    color: #555;
}
.acces-rapides h2.active:before {
  content:'× ';
  font-size: 1.2em;
    color: #555;
}

h2.trigger::-moz-selection { 
    background: transparent;
}
h2.trigger::selection { 
    background: transparent;
}

.toggle_container {
    background: #EEEBE4;
    background-size: 100% auto;
    border-top: 1px solid #D6D6D6;
    clear: both;
    /*font-size: 1.2em;*/
    margin: 0 0 5px;
    overflow: hidden;
    padding: 20px 0;
  border: 1px dashed #CCCCCC;
  border-top: none;
}

.toggle_container {
  margin:0;
  display: block;
  background: #EEEBE4;
  border: 1px solid #bbb;
  border-radius: 0 0 .3em .3em;
  padding: 1.4em;
-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2) inset;
        -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2) inset;
    	box-shadow:1px -1px 3px rgba(0,0,0,0.2) inset;
}
.toggle_container .block {
    padding: 0 20px;
}
.toggle_container .block p {
    margin: 5px 0;
    padding: 5px 0;
}
.toggle_container h3 {
    padding: 0 0 5px;
}
.toggle_container img {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #CCCCCC;
    /*float: left;*/
    margin: 10px 15px 15px 0;
    padding: 5px;
}

a.bouton,
a.bouton:visited {
    display: inline-block;
    text-decoration: none !important;
    text-align: center;
  line-height: 1.3em;
	padding: 12px 13px 13px !important;
font-weight: bold;
	border-radius: 7px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
  border: 0px solid #CFC4A8 !important;
  margin: 5px 0; 
  background: #DFD4B5 url(http://www.scarabee-biocoop.fr/uploads/scarabee/header.jpg) repeat-x left 95%;
  color: #415F23 !important;
  opacity: .9;  
   -webkit-transition: .2s ease-in-out;
  		-moz-transition: .2s ease-in-out;
  		 -ms-transition: .2s ease-in-out;
  			-o-transition: .2s ease-in-out;
  				 transition: .2s ease-in-out;
    -webkit-hyphens: none;
    -moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	hyphens: none;
}
a.bouton:hover {
  color: #000 !important;
  opacity: .7;
}
a.bouton i {
       -webkit-transition: .2s ease-in-out;
          -moz-transition: .2s ease-in-out;
  		 -ms-transition: .2s ease-in-out;
  			-o-transition: .2s ease-in-out;
  				 transition: .2s ease-in-out;
}
a.bouton:hover > i {
  color: #415F23 !important;
  opacity: 1;
  text-decoration: none !important;
}
/*--------------------------------------------------
boutons
--------------------------------------------------
a.bouton,
a.bouton:visited {
	display: inline-block;
	color: #fff!important;
	text-decoration: none!important;
	text-align: center;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	font-size: 12px;
	outline: none;
	font-weight: bold;
	line-height: 1em;
	padding: 7px 13px!important;
	cursor: pointer;
	border-radius: 16px;
		-webkit-border-radius: 16px;
		-moz-border-radius: 16px;
		-o-border-radius: 16px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.4);
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.4);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.4);
		-o-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.4);
	border: 1px solid #0d507a!important;
	margin: 0 0.1em .7em 0!important;
	vertical-align: middle;
	background: #0c6fb1;
		background: -webkit-gradient(linear, left top, left bottom, from(#14a7cf), to(#0c6fb1));
		background: -webkit-linear-gradient(top, #14a7cf, #0c6fb1);
		background: -moz-linear-gradient(top, #14a7cf, #0c6fb1);
		background: -ms-linear-gradient(top, #14a7cf, #0c6fb1);
		background: -o-linear-gradient(top, #14a7cf, #0c6fb1);
  
  	border-color: #69963b!important;
	background: #7fc33c;
		background: -webkit-gradient(linear, left top, left bottom, from(#b1d960), to(#7fc33c));
		background: -webkit-linear-gradient(top, #b1d960, #7fc33c);
		background: -moz-linear-gradient(top, #b1d960, #7fc33c);
		background: -ms-linear-gradient(top, #b1d960, #7fc33c);
		background: -o-linear-gradient(top, #b1d960, #7fc33c);
	}
a.bouton:hover {
	background: #8dd242;
		background: -webkit-gradient(linear, left top, left bottom, from(#b9e46a), to(#8dd242));
		background: -webkit-linear-gradient(top, #b9e46a, #8dd242);
		background: -moz-linear-gradient(top, #b9e46a, #8dd242);
		background: -ms-linear-gradient(top, #b9e46a, #8dd242);
		background: -o-linear-gradient(top, #b9e46a, #8dd242);
	}
a.bouton:before {
content:'❱';
  color: rgba(0,0,0,.15);
  font-size: 1.2em;
  margin-right: 10px;
}
a.bouton:hover:before {
  color: rgba(0,0,0,.5);
}
*/

/*--------------------------------------------------
listes intro
--------------------------------------------------*/
ul.list {
  padding: 0;
  margin: 0;
}
.list li {
  background: url(http://www.scarabee-biocoop.fr/uploads/scarabee/ico_chevron.png) no-repeat 100% 50%;
  border-bottom: 1px dashed #CFC6B5;
  display: table;
  width: 100%;
  padding: 10px 30px 10px 0;
}
.list li:last-child {
  border: none;
}
.inner {
  display: table-row;
  overflow: hidden;
}


a.nous-rejoindre {
  text-align: center;
    display: block;
    background-color: rgba(255,255,255,.5);
    padding: .5em !important;
    border-radius: 5px;
  }
/* Stylesheet: - layout Modified On 2016-08-17 21:48:43 */
#main.mod { padding-left: 30px; }
.alpha { padding-left: 0; }
.omega { padding-right: 0; }


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 480px) and (max-width : 1024px) {
	
	body { -webkit-text-size-adjust: none; }

}


@media only screen and (min-width : 0px) and (max-width : 768px) {
    
    header {
        padding-bottom: 25px;
    }
    .logo {
        position: relative;
        top: 1px;
    }
    #main.mod {
        padding-left: 10px;
    }
    .col { padding-left: 0; padding-right: 0; }
    
}

@media only screen and (min-width : 0px) and (max-width : 768px) {
    .topBarLiens {
        margin: 7px 0;
        font: normal .95em Georgia, Times New Roman, serif;
        color: #777;
        text-decoration: none;
    }
    .topBarLiens a {
        color: #6F695A;
        color: #F2EBDC;
        margin: 2px;
        text-decoration: none;
    }
    .facebook:before , .mail:before {
    	margin-right: 0;
    }
    .facebook span {
        display: none;
    }
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 0px) and (max-width : 480px) {

    .facebook span, .mail span, .recrutement span {
        display: none;
    }

	body { -webkit-text-size-adjust: none; }
    .logo img {
        width:120px;
        height:auto;
    }
    .logo {
        position: relative;
        top: 4px;
    }
.logo a:after {
display: none;
}
.logo a:before {
  opacity: .4;
  content: '';
  display: inline-block;
  position: relative;
  vertical-align: bottom;
  padding: 0 4px 0 0;
  width: 17px;
  height: 20px;
  background: url(../../uploads/scarabee/ico_home.png) no-repeat 50% 50%;
}
.logo a:hover:before {
  opacity: 1;
}
 


    /* search box */
    .grid_6 {
position:relative;
margin: 0;
width: 100%;
height:auto;
    }    
    input.search-input {
        width: 100%;
        text-align: left;
        padding: 5px 0 3px 3px;
        margin:0;
    }     
    input.search-input:focus {
        padding: 5px 0 3px 3px;
        width: 75px;
    }
    input.search-button {
        width: 30px;
        background: #BFB7A7 url(http://www.scarabee-biocoop.fr/uploads/simplex/images/simplex-sprite.png) -3px -433px no-repeat;
    }
    input.search-button:hover {
        background-color: #0054A8;
    }
    .content #main:before, .content #main:after {
        display:none;   
    }

    /* hiding footer navigation or it is squeezed to much */
    .footer-navigation {
        display: none
    }
    .footer .copyright {
        text-align: center
    }
  
}

@media screen and (min-width : 768px) and (max-width: 900px) {

    #menu li span.sectionheader {
        font-size: 1em;
    }
    #menu li a {
        display: block;
        line-height: 20px;
        padding: 6px 5px;
    }

    .contenu { border-top: none; }
    #menu { text-align: left; }

}

@media screen and (min-width : 0px) and (max-width: 767px) {

    nav.right {
        position: relative;
        margin-top: 0;
        float: none;
    }

    #nav { height: 0; top: 0; }

    #main.mod {
        padding-left: 10px;
    }
    aside.mod {
    	padding: 0 10px;
    }

}


/************************************************************************************
MOBILE MENU
*************************************************************************************/
/* menu icon */
#menu-icon { display: none; /* hide menu icon initially */ }
#search-icon { display: none; /* hide menu icon initially */ }

@media screen and (max-width: 767px) {

    header.top {
        background: rgba(0,0,0,.05);
        background: transparent url(http://www.scarabee-biocoop.fr/uploads/scarabee/header3.jpg) repeat-x 50% -75px;
        padding-bottom: 10px;
    }
    #main {
        padding: 0 10px;
        margin-bottom: 40px;
    }
    aside {
        -moz-box-shadow: none; 
        -webkit-box-shadow: none;
        box-shadow: none; 
    }
    aside article {
        padding: 10px;
    }


	/* menu icon */
	#menu-icon ::selection {
		background-color: transparent;
	}
	#menu-icon::-moz-selection {
		background-color: transparent;
	} 
	#menu-icon {
		color: #444;
		width: 75px;
		height: 40px;
		text-align: left;
		text-transform: uppercase;
		font-weight: normal;
		letter-spacing: 1px;
		font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
		font-size:15px;
      background: #EAE3D4 url(http://www.scarabee-biocoop.fr/uploads/scarabee/subtle-pattern-5.jpg) repeat 0 30px;
                text-indent: 0;
		background-color: rgba(255,255,255,.3);
		padding: 10px 0 0 12px;
		cursor: pointer;
		display: inline-block; /* show menu icon */
		float: right;
		margin:40px 2% 20px 0;

        	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	}
	#menu-icon:hover {
      background: #eee;
	}
	#menu-icon.active {
		height: 60px;
        background: #eee;
		margin:40px 2% 0 0;
		padding: 10px 0 16px 15px;

        	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	}
	#menu-icon:active {
      background: #EAE3D4 url(http://www.scarabee-biocoop.fr/uploads/scarabee/subtle-pattern-5.jpg) repeat 0 30px;
	}
	#menu-icon:after {
		content: ' +';
		color: #0053A8;
		font-size: 25px;
		line-height: 1px;
	}
	#menu-icon.active:after {
		content: ' -';
		color: #0053A8;
		font-size: 30px;
	}    
	
	/* main nav */

	#menu {
		text-align:center;
		margin: 0;
		width: 100%;
		z-index: 10000;
		padding: 0;
		background: #eee;
		border: solid 1px #999;
		display: none; /* visibility will be toggled with jquery */
    	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 0 0px 5px 5px;
   -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
   box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	}
	#menu li {
		clear: both;
		float: none;
		margin: 0 10px;
	}
	#menu a, 
	#menu ul a {
		font: inherit;
		background: none;
		display: inline;
		padding: 0;
		color: #666;
		border: none;
	}
	#menu a:hover, 
	#menu ul a:hover {
		background: none;
		color: #000;
	}
	
	/* dropdown */
	#menu ul {
		width: 100%;
		padding: 0;
		position: static;
		display: block;
		border: none;
		background: inherit;
		box-shadow: none;
		z-index: 10000;
	/* Rounded Corners */
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	}

	#menu li .menuitem {
		border: 0 solid transparent;
	}
	#menu li.parent, #menu li.scarabee.parent, #menu li.no-sub {
		border-bottom: none;
	}
	#menu .scarabee.parent:hover { border-bottom: none; }
	#menu .magasins.parent:hover { border-bottom: none; }
	#menu .restaurants.parent:hover { border-bottom: none; }
	#menu .services.parent:hover { border-bottom: none; }
	#menu .animations.parent:hover { border-bottom: none; }
	#menu .produits.parent:hover { border-bottom: none; }
  
	#menu li.parent span {
		font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
	}
	#menu li.no-sub span {
		font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
	}

	#menu .scarabee.parent span { color: #0055A9; }
	#menu .magasins.parent span { color: #41AF8E; }
	#menu .restaurants.parent span { color: #FFA200; }
	#menu .services.parent span { color: #c94e1a; }
	#menu .animations.parent span { color: #57589f; }
	#menu .produits.parent span { color: #5AB0CF; }
	#menu .liens.no-sub span { color: #888; }

	#menu li:hover .menuitem {
		border: none;
		background: transparent;
		box-shadow: none;
	}
	#menu li.current a {
		border: none;
		background: transparent;
	}
    #menu .submenuheader span.sectionheader {
    	padding: 10px 0 0;
    }
    #menu li.no-sub .menuitem {
	    margin: 0;
    	padding: 20px 0 10px;
	    border: none;
    }

    #menu li.no-sub:hover .menuitem {
        cursor:pointer;
	    border: none;
	    margin: 0;
        padding: 20px 0 10px;
	    box-shadow: none;
    	background: transparent;
    }
    #menu li a span:hover {
        text-decoration:underline;
    }
/***** 2e niveau */
	#menu ul {
		opacity: 1;
	}

	/* search icon */
	#search-icon {
		width: 40px;
		height: 40px;
		text-align:left;
		font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
		font-size:15px;
    background: #BFB7A7 url(http://www.scarabee-biocoop.fr/uploads/simplex/images/simplex-sprite.png) 2px -429px no-repeat;
                text-indent: -9999em;
		background-color: rgba(0,0,0,.1);
		padding: 0;
		cursor: pointer;
		display: inline-block; /* show menu icon */
		float: right;
		margin: 40px 3% 0 0;

        	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	}
	#search-icon:hover {
		background-color: rgba(0,0,0,.2);
	}
	#search-icon.active {
		height: 60px;
        background: #BFB7A7 url(http://www.scarabee-biocoop.fr/uploads/simplex/images/simplex-sprite.png) 2px -429px no-repeat;    
		background-color: rgba(0,0,0,.1);
		padding: 0;

        	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	}
	#search-icon:active {
		background-color: rgba(0,0,0,.1);
	}
	.right.search {
        float: none;
        position: absolute;
		width: 92%;
        top: 125px;
		z-index: 10000;
        margin:0 0 20px;
		padding: 1% 0.2%;
		background: #eee;
		border: solid 1px #999;
    	clear: both;
		display: none; /* visibility will be toggled with jquery */
    	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 0px 0px 5px 5px;
   -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
   box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	}

	.search form {
        margin: 0 auto;
        width: 100%;
        text-align: center;
	}
    input.search-input {
        text-align: center;
        width: 87%;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
        border-radius: 5px 0 0 5px;
    }
    input.search-button {
        width: 11%;
        background-image: none;
        text-indent:0;
        color: #fff;
        background-color: #0054A8;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
        border-radius: 0 5px 5px 0;
    }
    input.search-button:hover {
        background-image: none;
        background-color: #0068CF;
        text-indent: 0;
    }
    input.search-input:focus {
        width: 87%;
    }
    input.search-input:-moz-placeholder {
        color: transparent;
    }
    input.search-input::-webkit-placeholder {
        color: transparent;
    }
  
    .main-navigation > ul > li > a {
	    -moz-border-radius: 0 ;
	    -webkit-border-radius: 0 ;
	    border-radius: 0 ;
    }
  
}

@media screen and (min-width: 768px) {

	/* ensure #nav is visible on desktop version */
	#menu {
		display: block !important;
		overflow: visible !important;
	}
	.search {
		display: block !important;
	}

}

/* DEBUG ----------------------------- */
/*
        @media only screen and (min-width: 768px) and (max-width: 979px) {
  
					body::before{
						content: "Tablet media query (768 < 979) fired";
						font-weight: bold;
						display: block;
						text-align: center;
						background: rgba(255,255,0, 0.9);
						position: absolute;
						bottom: 0;
						left: 0;
						right: 0;
						z-index: 99;
					}
  
				}
				
				@media only screen and (max-width: 767px) {
  
					body::before{
						content: "Mobile media query (0 < 767) fired";
						font-weight: bold;
						display: block;
						text-align: center;
						background: rgba(255,0,0, 0.8);
						position: absolute;
						bottom: 0;
						left: 0;
						right: 0;
						z-index: 99;
					}
					
				}
*/



/* Stylesheet: - mobile Modified On 2015-06-30 10:45:11 */
/*!
 *  Font Awesome 3.0.2
 *  the iconic font designed for use with Twitter Bootstrap
 *  -------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation
 *  can be found at: http://fortawesome.github.com/Font-Awesome/
 *
 *  License
 *  -------------------------------------------------------
 *  - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome"

 *  Contact
 *  -------------------------------------------------------
 *  Email: dave@davegandy.com
 *  Twitter: http://twitter.com/fortaweso_me
 *  Work: Lead Product Designer @ http://kyruus.com
 */

/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../../uploads/scarabee/fontawesome3-11/fontawesome-webfont.eot?v=3.1.0');
  src: url('../../uploads/scarabee/fontawesome3-11/fontawesome-webfont.eot?#iefix&v=3.1.0') format('embedded-opentype'), url('../../uploads/scarabee/fontawesome3-11/fontawesome-webfont.woff?v=3.1.0') format('woff'), url('../../uploads/scarabee/fontawesome3-11/fontawesome-webfont.ttf?v=3.1.0') format('truetype'), url('../../uploads/scarabee/fontawesome3-11/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*  Font Awesome styles
    ------------------------------------------------------- */
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}
a [class^="icon-"], a [class*=" icon-"] {
  display: inline-block;
  text-decoration: inherit;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: top;
  font-size: 1.3333333333333333em;
}
.btn [class^="icon-"], .btn [class*=" icon-"] {
  /* keeps button heights with and without icons the same */

  line-height: .9em;
}
li [class^="icon-"], li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] {
  /* 1.5 increased font size for icon-large * 1.25 width */

  width: 1.875em;
}
li[class^="icon-"], li[class*=" icon-"] {
  margin-left: 0;
  list-style-type: none;
}
li[class^="icon-"]:before, li[class*=" icon-"]:before {
  text-indent: -2em;
  text-align: center;
}
li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
  text-indent: -1.3333333333333333em;
}






.icon-2x {
  font-size: 2em;
}

.icon-2x {
  color:#F8F2E4;
  margin: 5px 5px 5px 0;
  vertical-align: -25%;
}




.icon-2x.icon-border {
  border-width: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.icon-3x {
  font-size: 3em;
}
.icon-3x.icon-border {
  border-width: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.icon-4x {
  font-size: 4em;
}
.icon-4x.icon-border {
  border-width: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
  margin-right: .3em;
}
[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
  margin-left: .3em;
}
.btn [class^="icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
  margin-top: .18em;
}
.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
  line-height: .8em;
}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
  margin-top: .25em;
}
.btn.btn-large [class^="icon-"],
.btn.btn-large [class*=" icon-"] {
  margin-top: 0;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-top: .05em;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
  margin-right: .2em;
}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-left: .2em;
}








.icon-spin {
  display: inline-block;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(359deg); }
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); }
}
@-o-keyframes spin {
  0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(359deg); }
}
@-ms-keyframes spin {
  0% { -ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(359deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}
@-moz-document url-prefix() {
  .icon-spin {
    height: .9em;
  }
  .btn .icon-spin {
    height: auto;
  }
  .icon-spin.icon-large {
    height: 1.25em;
  }
  .btn .icon-spin.icon-large {
    height: .75em;
  }
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.icon-glass:before {
  content: "\f000";
}
.icon-music:before {
  content: "\f001";
}
.icon-search:before {
  content: "\f002";
}
.icon-envelope:before {
  content: "\f003";
}
.icon-heart:before {
  content: "\f004";
}
.icon-star:before {
  content: "\f005";
}
.icon-star-empty:before {
  content: "\f006";
}
.icon-user:before {
  content: "\f007";
}
.icon-film:before {
  content: "\f008";
}
.icon-th-large:before {
  content: "\f009";
}
.icon-th:before {
  content: "\f00a";
}
.icon-th-list:before {
  content: "\f00b";
}
.icon-ok:before {
  content: "\f00c";
}
.icon-remove:before {
  content: "\f00d";
}
.icon-zoom-in:before {
  content: "\f00e";
}
.icon-zoom-out:before {
  content: "\f010";
}
.icon-off:before {
  content: "\f011";
}
.icon-signal:before {
  content: "\f012";
}
.icon-cog:before {
  content: "\f013";
}
.icon-trash:before {
  content: "\f014";
}
.icon-home:before {
  content: "\f015";
}
.icon-file:before {
  content: "\f016";
}
.icon-time:before {
  content: "\f017";
}
.icon-road:before {
  content: "\f018";
}
.icon-download-alt:before {
  content: "\f019";
}
.icon-download:before {
  content: "\f01a";
}
.icon-upload:before {
  content: "\f01b";
}
.icon-inbox:before {
  content: "\f01c";
}
.icon-play-circle:before {
  content: "\f01d";
}
.icon-repeat:before,
.icon-rotate-right:before {
  content: "\f01e";
}
/* F020 doesn't work in Safari. all shifted one down */
.icon-refresh:before {
  content: "\f021";
}
.icon-list-alt:before {
  content: "\f022";
}
.icon-lock:before {
  content: "\f023";
}
.icon-flag:before {
  content: "\f024";
}
.icon-headphones:before {
  content: "\f025";
}
.icon-volume-off:before {
  content: "\f026";
}
.icon-volume-down:before {
  content: "\f027";
}
.icon-volume-up:before {
  content: "\f028";
}
.icon-qrcode:before {
  content: "\f029";
}
.icon-barcode:before {
  content: "\f02a";
}
.icon-tag:before {
  content: "\f02b";
}
.icon-tags:before {
  content: "\f02c";
}
.icon-book:before {
  content: "\f02d";
}
.icon-bookmark:before {
  content: "\f02e";
}
.icon-print:before {
  content: "\f02f";
}
.icon-camera:before {
  content: "\f030";
}
.icon-font:before {
  content: "\f031";
}
.icon-bold:before {
  content: "\f032";
}
.icon-italic:before {
  content: "\f033";
}
.icon-text-height:before {
  content: "\f034";
}
.icon-text-width:before {
  content: "\f035";
}
.icon-align-left:before {
  content: "\f036";
}
.icon-align-center:before {
  content: "\f037";
}
.icon-align-right:before {
  content: "\f038";
}
.icon-align-justify:before {
  content: "\f039";
}
.icon-list:before {
  content: "\f03a";
}
.icon-indent-left:before {
  content: "\f03b";
}
.icon-indent-right:before {
  content: "\f03c";
}
.icon-facetime-video:before {
  content: "\f03d";
}
.icon-picture:before {
  content: "\f03e";
}
.icon-pencil:before {
  content: "\f040";
}
.icon-map-marker:before {
  content: "\f041";
}
.icon-adjust:before {
  content: "\f042";
}
.icon-tint:before {
  content: "\f043";
}
.icon-edit:before {
  content: "\f044";
}
.icon-share:before {
  content: "\f045";
}
.icon-check:before {
  content: "\f046";
}
.icon-move:before {
  content: "\f047";
}
.icon-step-backward:before {
  content: "\f048";
}
.icon-fast-backward:before {
  content: "\f049";
}
.icon-backward:before {
  content: "\f04a";
}
.icon-play:before {
  content: "\f04b";
}
.icon-pause:before {
  content: "\f04c";
}
.icon-stop:before {
  content: "\f04d";
}
.icon-forward:before {
  content: "\f04e";
}
.icon-fast-forward:before {
  content: "\f050";
}
.icon-step-forward:before {
  content: "\f051";
}
.icon-eject:before {
  content: "\f052";
}
.icon-chevron-left:before {
  content: "\f053";
}
.icon-chevron-right:before {
  content: "\f054";
}
.icon-plus-sign:before {
  content: "\f055";
}
.icon-minus-sign:before {
  content: "\f056";
}
.icon-remove-sign:before {
  content: "\f057";
}
.icon-ok-sign:before {
  content: "\f058";
}
.icon-question-sign:before {
  content: "\f059";
}
.icon-info-sign:before {
  content: "\f05a";
}
.icon-screenshot:before {
  content: "\f05b";
}
.icon-remove-circle:before {
  content: "\f05c";
}
.icon-ok-circle:before {
  content: "\f05d";
}
.icon-ban-circle:before {
  content: "\f05e";
}
.icon-arrow-left:before {
  content: "\f060";
}
.icon-arrow-right:before {
  content: "\f061";
}
.icon-arrow-up:before {
  content: "\f062";
}
.icon-arrow-down:before {
  content: "\f063";
}
.icon-share-alt:before,
.icon-mail-forward:before {
  content: "\f064";
}
.icon-resize-full:before {
  content: "\f065";
}
.icon-resize-small:before {
  content: "\f066";
}
.icon-plus:before {
  content: "\f067";
}
.icon-minus:before {
  content: "\f068";
}
.icon-asterisk:before {
  content: "\f069";
}
.icon-exclamation-sign:before {
  content: "\f06a";
}
.icon-gift:before {
  content: "\f06b";
}
.icon-leaf:before {
  content: "\f06c";
}
.icon-fire:before {
  content: "\f06d";
}
.icon-eye-open:before {
  content: "\f06e";
}
.icon-eye-close:before {
  content: "\f070";
}
.icon-warning-sign:before {
  content: "\f071";
}
.icon-plane:before {
  content: "\f072";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-random:before {
  content: "\f074";
}
.icon-comment:before {
  content: "\f075";
}
.icon-magnet:before {
  content: "\f076";
}
.icon-chevron-up:before {
  content: "\f077";
}
.icon-chevron-down:before {
  content: "\f078";
}
.icon-retweet:before {
  content: "\f079";
}
.icon-shopping-cart:before {
  content: "\f07a";
}
.icon-folder-close:before {
  content: "\f07b";
}
.icon-folder-open:before {
  content: "\f07c";
}
.icon-resize-vertical:before {
  content: "\f07d";
}
.icon-resize-horizontal:before {
  content: "\f07e";
}
.icon-bar-chart:before {
  content: "\f080";
}
.icon-twitter-sign:before {
  content: "\f081";
}
.icon-facebook-sign:before {
  content: "\f082";
}
.icon-camera-retro:before {
  content: "\f083";
}
.icon-key:before {
  content: "\f084";
}
.icon-cogs:before {
  content: "\f085";
}
.icon-comments:before {
  content: "\f086";
}
.icon-thumbs-up:before {
  content: "\f087";
}
.icon-thumbs-down:before {
  content: "\f088";
}
.icon-star-half:before {
  content: "\f089";
}
.icon-heart-empty:before {
  content: "\f08a";
}
.icon-signout:before {
  content: "\f08b";
}
.icon-linkedin-sign:before {
  content: "\f08c";
}
.icon-pushpin:before {
  content: "\f08d";
}
.icon-external-link:before {
  content: "\f08e";
}
.icon-signin:before {
  content: "\f090";
}
.icon-trophy:before {
  content: "\f091";
}
.icon-github-sign:before {
  content: "\f092";
}
.icon-upload-alt:before {
  content: "\f093";
}
.icon-lemon:before {
  content: "\f094";
}
.icon-phone:before {
  content: "\f095";
}
.icon-check-empty:before {
  content: "\f096";
}
.icon-bookmark-empty:before {
  content: "\f097";
}
.icon-phone-sign:before {
  content: "\f098";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-github:before {
  content: "\f09b";
}
.icon-unlock:before {
  content: "\f09c";
}
.icon-credit-card:before {
  content: "\f09d";
}
.icon-rss:before {
  content: "\f09e";
}
.icon-hdd:before {
  content: "\f0a0";
}
.icon-bullhorn:before {
  content: "\f0a1";
}
.icon-bell:before {
  content: "\f0a2";
}
.icon-certificate:before {
  content: "\f0a3";
}
.icon-hand-right:before {
  content: "\f0a4";
}
.icon-hand-left:before {
  content: "\f0a5";
}
.icon-hand-up:before {
  content: "\f0a6";
}
.icon-hand-down:before {
  content: "\f0a7";
}
.icon-circle-arrow-left:before {
  content: "\f0a8";
}
.icon-circle-arrow-right:before {
  content: "\f0a9";
}
.icon-circle-arrow-up:before {
  content: "\f0aa";
}
.icon-circle-arrow-down:before {
  content: "\f0ab";
}
.icon-globe:before {
  content: "\f0ac";
}
.icon-wrench:before {
  content: "\f0ad";
}
.icon-tasks:before {
  content: "\f0ae";
}
.icon-filter:before {
  content: "\f0b0";
}
.icon-briefcase:before {
  content: "\f0b1";
}
.icon-fullscreen:before {
  content: "\f0b2";
}
.icon-group:before {
  content: "\f0c0";
}
.icon-link:before {
  content: "\f0c1";
}
.icon-cloud:before {
  content: "\f0c2";
}
.icon-beaker:before {
  content: "\f0c3";
}
.icon-cut:before {
  content: "\f0c4";
}
.icon-copy:before {
  content: "\f0c5";
}
.icon-paper-clip:before {
  content: "\f0c6";
}
.icon-save:before {
  content: "\f0c7";
}
.icon-sign-blank:before {
  content: "\f0c8";
}
.icon-reorder:before {
  content: "\f0c9";
}
.icon-list-ul:before {
  content: "\f0ca";
}
.icon-list-ol:before {
  content: "\f0cb";
}
.icon-strikethrough:before {
  content: "\f0cc";
}
.icon-underline:before {
  content: "\f0cd";
}
.icon-table:before {
  content: "\f0ce";
}
.icon-magic:before {
  content: "\f0d0";
}
.icon-truck:before {
  content: "\f0d1";
}
.icon-pinterest:before {
  content: "\f0d2";
}
.icon-pinterest-sign:before {
  content: "\f0d3";
}
.icon-google-plus-sign:before {
  content: "\f0d4";
}
.icon-google-plus:before {
  content: "\f0d5";
}
.icon-money:before {
  content: "\f0d6";
}
.icon-caret-down:before {
  content: "\f0d7";
}
.icon-caret-up:before {
  content: "\f0d8";
}
.icon-caret-left:before {
  content: "\f0d9";
}
.icon-caret-right:before {
  content: "\f0da";
}
.icon-columns:before {
  content: "\f0db";
}
.icon-sort:before {
  content: "\f0dc";
}
.icon-sort-down:before {
  content: "\f0dd";
}
.icon-sort-up:before {
  content: "\f0de";
}
.icon-envelope-alt:before {
  content: "\f0e0";
}
.icon-linkedin:before {
  content: "\f0e1";
}
.icon-undo:before,
.icon-rotate-left:before {
  content: "\f0e2";
}
.icon-legal:before {
  content: "\f0e3";
}
.icon-dashboard:before {
  content: "\f0e4";
}
.icon-comment-alt:before {
  content: "\f0e5";
}
.icon-comments-alt:before {
  content: "\f0e6";
}
.icon-bolt:before {
  content: "\f0e7";
}
.icon-sitemap:before {
  content: "\f0e8";
}
.icon-umbrella:before {
  content: "\f0e9";
}
.icon-paste:before {
  content: "\f0ea";
}
.icon-lightbulb:before {
  content: "\f0eb";
}
.icon-exchange:before {
  content: "\f0ec";
}
.icon-cloud-download:before {
  content: "\f0ed";
}
.icon-cloud-upload:before {
  content: "\f0ee";
}
.icon-user-md:before {
  content: "\f0f0";
}
.icon-stethoscope:before {
  content: "\f0f1";
}
.icon-suitcase:before {
  content: "\f0f2";
}
.icon-bell-alt:before {
  content: "\f0f3";
}
.icon-coffee:before {
  content: "\f0f4";
}
.icon-food:before {
  content: "\f0f5";
}
.icon-file-alt:before {
  content: "\f0f6";
}
.icon-building:before {
  content: "\f0f7";
}
.icon-hospital:before {
  content: "\f0f8";
}
.icon-ambulance:before {
  content: "\f0f9";
}
.icon-medkit:before {
  content: "\f0fa";
}
.icon-fighter-jet:before {
  content: "\f0fb";
}
.icon-beer:before {
  content: "\f0fc";
}
.icon-h-sign:before {
  content: "\f0fd";
}
.icon-plus-sign-alt:before {
  content: "\f0fe";
}
.icon-double-angle-left:before {
  content: "\f100";
}
.icon-double-angle-right:before {
  content: "\f101";
}
.icon-double-angle-up:before {
  content: "\f102";
}
.icon-double-angle-down:before {
  content: "\f103";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-down:before {
  content: "\f107";
}
.icon-desktop:before {
  content: "\f108";
}
.icon-laptop:before {
  content: "\f109";
}
.icon-tablet:before {
  content: "\f10a";
}
.icon-mobile-phone:before {
  content: "\f10b";
}
.icon-circle-blank:before {
  content: "\f10c";
}
.icon-quote-left:before {
  content: "\f10d";
}
.icon-quote-right:before {
  content: "\f10e";
}
.icon-spinner:before {
  content: "\f110";
}
.icon-circle:before {
  content: "\f111";
}
.icon-reply:before,
.icon-mail-reply:before {
  content: "\f112";
}
.icon-folder-close-alt:before {
  content: "\f114";
}
.icon-folder-open-alt:before {
  content: "\f115";
}
.icon-expand-alt:before {
  content: "\f116";
}
.icon-collapse-alt:before {
  content: "\f117";
}
.icon-smile:before {
  content: "\f118";
}
.icon-frown:before {
  content: "\f119";
}
.icon-meh:before {
  content: "\f11a";
}
.icon-gamepad:before {
  content: "\f11b";
}
.icon-keyboard:before {
  content: "\f11c";
}
.icon-flag-alt:before {
  content: "\f11d";
}
.icon-flag-checkered:before {
  content: "\f11e";
}
.icon-terminal:before {
  content: "\f120";
}
.icon-code:before {
  content: "\f121";
}
.icon-reply-all:before {
  content: "\f122";
}
.icon-mail-reply-all:before {
  content: "\f122";
}
.icon-star-half-full:before,
.icon-star-half-empty:before {
  content: "\f123";
}
.icon-location-arrow:before {
  content: "\f124";
}
.icon-crop:before {
  content: "\f125";
}
.icon-code-fork:before {
  content: "\f126";
}
.icon-unlink:before {
  content: "\f127";
}
.icon-question:before {
  content: "\f128";
}
.icon-info:before {
  content: "\f129";
}
.icon-exclamation:before {
  content: "\f12a";
}
.icon-superscript:before {
  content: "\f12b";
}
.icon-subscript:before {
  content: "\f12c";
}
.icon-eraser:before {
  content: "\f12d";
}
.icon-puzzle-piece:before {
  content: "\f12e";
}
.icon-microphone:before {
  content: "\f130";
}
.icon-microphone-off:before {
  content: "\f131";
}
.icon-shield:before {
  content: "\f132";
}
.icon-calendar-empty:before {
  content: "\f133";
}
.icon-fire-extinguisher:before {
  content: "\f134";
}
.icon-rocket:before {
  content: "\f135";
}
.icon-maxcdn:before {
  content: "\f136";
}
.icon-chevron-sign-left:before {
  content: "\f137";
}
.icon-chevron-sign-right:before {
  content: "\f138";
}
.icon-chevron-sign-up:before {
  content: "\f139";
}
.icon-chevron-sign-down:before {
  content: "\f13a";
}
.icon-html5:before {
  content: "\f13b";
}
.icon-css3:before {
  content: "\f13c";
}
.icon-anchor:before {
  content: "\f13d";
}
.icon-unlock-alt:before {
  content: "\f13e";
}
.icon-bullseye:before {
  content: "\f140";
}
.icon-ellipsis-horizontal:before {
  content: "\f141";
}
.icon-ellipsis-vertical:before {
  content: "\f142";
}
.icon-rss-sign:before {
  content: "\f143";
}
.icon-play-sign:before {
  content: "\f144";
}
.icon-ticket:before {
  content: "\f145";
}
.icon-minus-sign-alt:before {
  content: "\f146";
}
.icon-check-minus:before {
  content: "\f147";
}
.icon-level-up:before {
  content: "\f148";
}
.icon-level-down:before {
  content: "\f149";
}
.icon-check-sign:before {
  content: "\f14a";
}
.icon-edit-sign:before {
  content: "\f14b";
}
.icon-external-link-sign:before {
  content: "\f14c";
}
.icon-share-sign:before {
  content: "\f14d";
}


/* Stylesheet: --- font awesome 3.11 Modified On 2015-06-30 10:45:07 */
.bloc {
  background-color: #DCD7C5;
  background-color: #FFFBEF;
    border-radius: 5px;
    border: 1px solid transparent;
  background: #FFFBEF url(http://www.scarabee-biocoop.fr/uploads/scarabee/ico_chevron2.png) no-repeat 94% 5%;
min-height: 200px !important;
    padding: 10px;
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
  }
.bloc:hover {
  background: #EFEADA url(http://www.scarabee-biocoop.fr/uploads/scarabee/ico_chevron.png) no-repeat 94% 5%;
  }
.bloc:hover > h4 {
  color: #000;
  text-decoration: underline;
    }

@media only screen and (min-width : 0px) and (max-width : 640px) {
    
.bloc {
  background-color: #DCD7C5;
  background-color: #FFFBEF;
    border-radius: 5px;
    border: 1px solid transparent;
    padding: 10px 20px;
      min-height: auto !important;
}
  }

/*
.col2 {
    font:  italic .95em Georgia, Times New Roman, serif;
    color: #888;
}
.col2:before {
    content: '—';
    color: #bbb;
    font-size: 1.5em;
    display: inline-block;
    position:  relative;
    margin-bottom: 0;
}
.col1 a {
  color: #333;
  text-decoration: none;
}
.col1 a:hover {
  color: #777;
  text-decoration: none;
}
*/
.col1 ul {
  list-style-type: none;
      padding-left: 45px;
}
.col1 li:before {
    font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 11px;
  display: inline-block;
  text-decoration: inherit;
  content: "\f061";
  margin: -15px;
  padding-right: 20px;
  color: #BFD277;
}
#edito > p:first-child:first-letter {
  color: #AEC370;
  font-size: 50px;
  float: left;
    font-size: 5em;
    margin: .1em 0.2em 0 0;
  }
/*
#edito {
    color: #888;
  font-size: .98em;
  padding: 1em 3em 0;
}
*/
#edito {
    color: #888;
  font-size: .98em;
  padding: 1em 0 0 1em;
}
.plus {
  margin-top: 10px;
  background-color: #FFFBEF;
  border-radius: 5px;
  padding: 10px;
    word-wrap: break-word;
    -webkit-hyphens: none;
       -moz-hyphens: none;
        -ms-hyphens: none;
         -o-hyphens: none;
            hyphens: none;
  }
.plus a {
  color: #555;
  text-decoration: none; }
.divCliquable:hover > a {
  color: #000;
  text-decoration: underline; }
.plus ul {
  list-style-type: none;
      padding-left: 17px;
}
.plus li:before {
    font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 11px;
  display: inline-block;
  text-decoration: inherit;
  content: "\f054";
  margin: -15px;
  padding-right: 21px;
  color: #BFD277;
}
.plus ul a {
          color: #888;
      font-size: .9em;
      text-decoration: none;
}

.royalSlider h3 {
  border-color: #AEC370;
    -webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	hyphens: none;  
  }
.royalSlider a:link, .royalSlider a:visited {
  color: #6C9D3D;
  text-decoration: none;
  border-bottom: 1px dashed #A9C858;
  padding-bottom: 2px;
}
.royalSlider a:hover, .royalSlider a:active {
  color: #000;
  background-color: #F0EDE6;
  text-decoration: none;
  border-bottom: 1px solid #A9C858;
  padding-bottom: 2px;
}


.blocInfos {
  background-color: #EEEBE4;
  padding: .1em .3em;
  margin: 1em 0;
  border-radius: 10px;
}
.blocInfos:hover {
  background-color: #fff;
}


/* Stylesheet: - accueil Modified On 2013-09-07 11:41:17 */