/*

* Standish

* Copyright 2011, Standish Communications

* www.standish.ca

* 3/3/2012

*/



/* Table of Content

==================================================

	#Site Styles

	#Header

	#Page Styles

	#Footer

	#Media Queries

	#Font-Face */



/* #Site Styles

================================================== */

body, html {

	height: 100%;

}



abbr {

	border-bottom: 1px dotted #8c8c8c;

	cursor: help;

}



h1.full, h2.full, h3.full, h4.full, h5.full, body.search h2 {

	background: url(../images/bg/shadow-full.png) no-repeat bottom center !important;

}



hr {

	border: 0px !important;

	width: 100%;

	background: url(../images/bg/shadow-full.png) no-repeat bottom center !important;

	margin: 0 0 30px;

	height: 4px;

}



.screen-reader-text {

  display:none;

}



.employes a:hover {

  color:#e17523;

}



/* #Site Styles - Splash

================================================== */

body.page-template-template-splash-php {

	background: url(../images/bg/splash.jpg) no-repeat top center;

	height: 100%;

}



body.page-template-template-splash-php #logo {

	display: none;

}



.title {

	font-size: 28px;

}



#splash {

	padding-top: 296px;

	min-height: 520px;

}



#splash h2, #splash .title  {

	color: #fff;

	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);

}



#divisions {

	text-align: center;

}



#distribution, #boutique, #employes {

	text-align: center;

	padding-top: 40px;

}



#distribution h2, #boutique h2, #employes h2 {

	font-size: 48px;

	line-height: 52px;

	margin-bottom: 12px;

}



.offset-distribution {

	padding-left: 100px;

}



.offset-boutique {

	padding-left: 120px;

}



#distribution p, #boutique p, #employes p {

	width: 90%;

	padding-left: 20px;

}



#distribution .button {

	margin-left: 12px;

}



#header-print img, #footer-print img {

	display: none;

}



.page-template-template-employes-login-php .menu-item {

  display:none;

}



.page-template-template-employes-login-php .menu-item.last-menu-item {

  display:block;

}



.page-template-template-employes-login-php #wrap.employes.page {

  background: url(../images/bg/wrap-front.png) no-repeat top center!important;

}



/* #Site Styles - Boutique

=================================================== */

body.boutique, body.page-template-template-splash-page-php, body.single-emploi, body.page-template-template-emplois-php, body.page-template-template-page-php {

	background: url(../images/bg/boutique.jpg) no-repeat top center;

	height: 100%;

}



body.distribution {

	background: url(../images/bg/distribution.jpg) no-repeat top center;

	height: 100%;

}



body.employes {

	background: url(../images/bg/employes.jpg) no-repeat top center;

	height: 100%;

}



#home-slider {

	top: 115px;

	max-width: 100%;

	width: 1080px;

	margin: auto;

	z-index: 5;

}



#home-slider .slides {

	padding-top: 10px;

}



/* #Site Styles - Distribution

=================================================== */

body.distribution {

	background: url(../images/bg/distribution.jpg) no-repeat top center;

	height: 100%;

}



/* #Header

================================================== */

body.boutique #sticky, body.page-template-template-splash-page-php #sticky, body.single-emploi #sticky, body.page-template-template-emplois-php #sticky, body.page-template-template-page-php #sticky {

	background: url(../images/bg/header-boutique.jpg) no-repeat top center;

}



body.distribution #sticky {

	background: url(../images/bg/header-distribution.jpg) no-repeat top center;

}



body.employes #sticky {

	background: url(../images/bg/header-employes.jpg) no-repeat top center;

}



#sticky {

	width: 100%;

	min-width: 960px;

	left: 0; /* IE */

	position: fixed;

	z-index: 50;

	height: 138px;

}



#sticky-shadow {

	background: url(../images/bg/sticky-shadow.png) repeat-x;

	height: 11px;

	width: 100%;

}

#top {

	background: url(../images/bg/top.png) no-repeat top center;

	width: 100%;

	padding: 4px 0 4px;

	z-index: 25;

}



body.page-template-template-splash-php #sticky {

	background-image: none !important;

}



body.page-template-template-splash-php #sticky-shadow {

	display: none;

}



/*

#top-menu li > a > span {

	float: left;

}



.nav-divider {

	float: right;

	margin: 0 5px;

}

*/

/*

.last-menu-item .nav-divider {

	display: none;

}

*/



#top-menu {

	margin-top: 4px;

}



#top-menu, #top-menu ul, #top-menu li, #top-menu li a, #top-menu li a span, #top-menu li a div {

	float: left;

}



#top-menu li, #top-menu ul {

	margin-bottom: 0px;

}



#top-menu li a {

	display: block;

	cursor: pointer;

}



#top-menu li a div {

	margin: 0 5px;

}



#top .container {

	height: 115px;

}



/* #Top Menu */



#top a {

	color: #fff;

	text-transform: uppercase;

}



#top .top-links {

	float: right;

}



.top-links #searchform {

	margin-left: 20px;

	float: left;

}



.top-links #searchform #s, .top-links #searchform #searchsubmit {

	float: left;

}



.top-links #searchform #s {

	background: url(../images/bg/search.png) no-repeat;

	width: 140px !important;

	max-width: 140px;

	min-width: 140px;

	height: 24px;

	border: 0px;

	border-radius: 0px;

	-moz-border-radius: 0px;

	-webkit-border-radius: 0px;

	-o-border-radius: 0px;

	color: #fff;

	padding: 0 8px !important;

	box-shadow: none !important;

	-moz-box-shadow: none !important;

	-webkit-box-shadow: none !important;

	-o-box-shadow: none !important;

}



.top-links #searchform #s:focus{

    box-shadow: none !important;

	-moz-box-shadow: none !important;

	-webkit-box-shadow: none !important;

	-o-box-shadow: none !important;

}



.top-links #searchform #searchsubmit {

	background-color: transparent !important;

	filter: none !important;

	background-image: url(../images/icons/search-submit.png) !important;

	border: 0px;

	text-indent: -9999px;

	height: 24px;

	width: 28px;

	border-radius: 0px !important;

	-moz-border-radius: 0px!important;

	-webkit-border-radius: 0px!important;

	-o-border-radius: 0px !important;

	display: block;



}



#top .top-links .current {

	display: none;

}



#top strong {

	color: #fff;

}



#logo {

	position: absolute;

	top: 4px;

}



#logo a {

	background: url(../images/logo.png) no-repeat;

	height: 98px;

	width: 230px;

	display: block;

	text-indent: -9999px;

}



#navigation {

	position: absolute;

	right: 0;

	bottom: 0;

}



#navigation li {

	float: left;

	margin-right: 20px;

}



#navigation li a {

	font-family: 'Oswald', Helvetica, Arial sans-serif;

	font-size: 20px;

	line-height: 24px;

	text-shadow: 0px 0px 1px #919191;

    filter: dropshadow(color=#919191, offx=0, offy=0);

}



body.boutique #navigation li a {

	color: #4d551a;
	font-size:18px;

}



body.boutique #navigation li a:hover,

body.boutique #navigation li.current-menu-item > a,

body.boutique #navigation li.current-menu-ancestor > a,

body.boutique #navigation li.current-menu-parent > a {

	color: #e17523;

}



body.distribution #navigation li a {

	color: #000000;

	zoom: 1;

	filter: alpha(opacity=60);

	opacity: 0.6;

}



body.distribution #navigation li a:hover,

body.distribution #navigation li.current-menu-item > a,

body.distribution #navigation li.current-menu-ancestor > a,

body.distribution #navigation li.current-menu-parent > a {

	filter: alpha(opacity=100);

	opacity: 1;

}



body.employes #navigation li a {

	color: #4d551a;

}



body.employes #navigation li a:hover,

body.employes #navigation li.current-menu-item > a,

body.employes #navigation li.current-menu-ancestor > a,

body.employes #navigation li.current-menu-parent > a {

	color: #e17523;

}



#navigation li a:hover {

	color: #b2521a;

}



/* #Page Styles

================================================== */

#wrap.alentour {

	padding-top: 105px;

}

#wrap {

	position: relative;

	min-height: 500px;

	z-index: 15;

}



#wrap ul {

	list-style-type: disc;

	margin-left: 20px;

}



/*.category-horaires #sidebar {

  display: none;

}



.category-horaires #wrap.employes.page {

  background:url(../images/bg/wrap-front.png) no-repeat top center!important;

}*/



/* #Ether Styling

================================================== */

.ether-widget .ether-title {

	border: 0px !important;

}



.ether-widget .ether-title {

	background: url(../images/bg/shadow-arrow-up.png) no-repeat center right !important;

}



.ether-widget .ether-title.ether-current {

	background: url(../images/bg/shadow-arrow-down.png) no-repeat center right !important;

}



/* #Boutique - Front

================================================== */

#wrap.boutique.front, #wrap.distribution.front {

	background: url(../images/bg/wrap-front.png) no-repeat center 100px;

	width: 1090px;

	max-width: 100%;

	margin: auto;

	top: 0px;

}



#wrap.boutique.front h1, #wrap.distribution.front h1, #wrap.employes.front h1, .lead {

	color: #999999;

	font-size: 20px;

	line-height: 24px;

	font-family: 'Open Sans', Helvetica, Arial, sans-serif;

	font-weight: 400;

	text-transform: none;

}



#wrap.boutique.front h1 span, #wrap.distribution.front h1 span, #wrap.employes.front h1 span, #wrap.employes.front h1 span, .lead span {

	color: #473a33;

	font-weight: 700;

}



#wrap.boutique.front h2, #wrap.employes.front h2, body.distribution .section-switch a span, .section-switch-boutique a span {

	color: #a3bc0a;

}



#wrap.distribution.front h2, body.boutique .section-switch a span, .section-switch-distribution a span  {

	color: #e17523;

}



.section-switch a span, .section-switch-boutique a span, .section-switch-distribution a span {

	font-weight: bold;

}



#wrap.boutique.front h2, #wrap.distribution.front h2, #wrap.employes.front h2 {

	text-shadow: none;

	font-size: 48px;

	line-height: 54px;

	font-family: 'Oswald', Helvetica, Arial, sans-serif;

	font-weight: 300;

}





#wrap.front > .container > .twelve.columns > .ether-cols.ether-cols-1, #wrap.boutique.page > .container > .twelve.columns > .ten.columns.omega > .ether-cols {

	margin-top: 0px !important;

}



#wrap.front > .container > .twelve.columns > .ether-cols.ether-cols-1 > .ether-col {

	padding-top: 0px !important;

}



/* #Boutique - Front - Pastilles

================================================== */

.pastilles.distribution {

	background: url(../images/bg/distribution-pastilles.png) no-repeat;

}



.pastilles.boutique {

	background: url(../images/bg/boutique-pastilles.png) no-repeat;

}



.pastilles.boutique, .pastilles.distribution {

	height: 202px;

	width: 870px;

	margin: auto;

	padding: 60px 0 0 50px;

}



.pastilles.boutique > div, .pastilles.distribution > div {

	text-align: center !important;

}



.pastilles.boutique .title, .pastilles.distribution .title {

	position: relative;

	color: #fff;

	font-size: 24px;

	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);

}



.pastilles.boutique .alpha .title:before, .pastilles.boutique .omega .title:before {

	position: absolute;

	top: 18px;

	left: -12px;

	content: '';

	background: url(../images/icons/leaf-left-mini.png) no-repeat;

	height: 10px;

	width: 12px;

	display: block;

	text-indent: -9999px;

}



.pastilles.boutique .alpha .title:after, .pastilles.boutique .omega .title:after{

	position: absolute;

	top: 18px;

	right: -16px;

	content: '';

	background: url(../images/icons/leaf-right-mini.png) no-repeat;

	height: 10px;

	width: 12px;

	display: block;

	text-indent: -9999px;

}



.pastilles.boutique .omega .title:before {

	left: -18px !important;

}



/* Premiere pastille */

.pastilles.boutique .alpha p, .pastilles.distribution .alpha p {

	padding: 10px 0 0 20px;

}



.pastilles.boutique .alpha p:first-child, .pastilles.distribution .alpha p:first-child {

	padding: 10px 0 0 10px !important;

	margin-bottom: 6px !important;

}



/* Pastille du centre */

.pastilles.boutique .four, .pastilles.distribution .four {

	margin: 0 20px 0 30px;

}



.pastilles.boutique .four p, .pastilles.distribution .four p {

	color: #fff;

}



.pastilles.boutique .four .title:before, .pastilles.distribution .four .title:before {

	position: absolute;

	top: 10px;

	left: -28px;

	content: '';

	background: url(../images/icons/leaf-left.png) no-repeat;

	height: 22px;

	width: 27px;

	display: block;

	text-indent: -9999px;

}



.pastilles.boutique .four .title:after, .pastilles.distribution .four .title:after {

	position: absolute;

	top: 10px;

	right: -28px;

	content: '';

	background: url(../images/icons/leaf-right.png) no-repeat;

	height: 22px;

	width: 27px;

	display: block;

	text-indent: -9999px;

}



/* Last pastille */

.pastilles.boutique .omega .title:before{

	left: 30px;

}



.pastilles.boutique .omega p, .pastilles.distribution .omega p {

	padding: 10px 10px 0 0;

}



.pastilles.distribution .omega p:first-child {

	padding-right: 0px !important;

	text-align: right;

	margin-bottom: 6px !important;

}

.pastilles.distribution .omega {

	width: 230px !important;

}



.pastilles.distribution > .three > p:last-child {

	padding-top: 0px !important;

}



.pastilles.distribution .four .title:after{

	right: -34px;

}



/* #Boutique - Page

================================================== */

#wrap.boutique.page, #wrap.distribution.page, #wrap.alentour.page, #wrap.employes.page, #wrap.employes.front {

	background: url(../images/bg/wrap-front.png) no-repeat top center;

	min-height: 780px;

	padding-top: 36px;

	top: 180px;

}



body.page-template-template-boutique-side-php #wrap.boutique.page,

body.page-template-template-distribution-side-php #wrap.distribution.page,

body.page-template-template-boutique-produits-php #wrap,

body.page-template-template-boutique-recettes-php #wrap,

body.tax-produit_type #wrap,

body.single #wrap,

body.category #wrap,

body.blog #wrap,

#wrap.employes {

	background: url(../images/bg/wrap-side.png) no-repeat top center !important;

}



body.page-template-template-boutique-recettes-php #wrap, #wrap.employes.front {

	background: url(../images/bg/wrap-side-long.png) no-repeat top center !important;

}



body.page-template-template-distribution-side-large-php #wrap {

	background: url(../images/bg/wrap-side-3.png) no-repeat top center !important;

}



#wrap.boutique.page h1, #wrap.distribution.page h1, #wrap.alentour.page h1, #wrap.employes.page h1 {

	font-family: 'Philosopher', Helvetica, Arial, sans-serif;

	font-size: 36px;

	line-height: 42px;

	text-transform: none !important;

	color: #684f40;

	zoom: 1;

	filter: alpha(opacity=30);

	opacity: 0.3;

	font-weight: 400;

	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5) !important;

}

#wrap.employes.page h1 {

	color: #000;

	filter: alpha(opacity=70);

	opacity: 0.7;

}



#wrap.boutique.page h2, #wrap.distribution.page h2  {

	width: 100%;

	background: url(../images/bg/shadow-half.png) no-repeat bottom center;

	padding-bottom: 12px;

}



body.blog h2,

body.category h2 {

	background-image: none !important;

}



.about-feuille {

	margin-top: 40px;

}



.about-branche {

	position: relative;

	top: -130px;

	margin-bottom: -130px;

}


body.boutique .about-branche {
  top:0;
}

.page-template-template-boutique-side-php .about-branche {

	top: -100px !important;

	margin-bottom: -100px !important;

}



/* #Boutique - Page - Side

================================================== */

#wrap.distribution #sidebar .current_page_item > a, #wrap.distribution #produits #sidebar li.current-cat > a, #wrap.distribution #sidebar li a:hover {

	color: #E39000;

}



#wrap.boutique #sidebar .current_page_item > a, #wrap.boutique #produits #sidebar li.current-cat > a, #wrap.boutique #sidebar li a:hover {

	color: #a8bd13;

}



#sidebar .current_page_item > a, #sidebar li.current-cat a {

	font-weight: bold !important;

}



#sidebar .title {

	padding-top: 10px;

	margin-bottom: 26px;

}



#sidebar .title-alt {

	padding-top: 10px;

	margin-bottom: 26px;

	font-family: 'Philosopher', Helvetica, Arial, sans-serif;

	color: #684F40;

	text-shadow:0 1px 1px rgba(0, 0, 0, 0.5) !important;

	font-size: 24px;

	line-height: 22px;

	text-transform: none;

	zoom: 1;

	filter: alpha(opacity=30);

	opacity: 0.3;

}



#sidebar .title > a {

	font-family: 'Philosopher', Helvetica, Arial, sans-serif;

	color: #684F40;

	text-shadow:0 1px 1px rgba(0, 0, 0, 0.5) !important;

	font-size: 24px;

	line-height: 22px;

	text-transform: none;

	zoom: 1;

	filter: alpha(opacity=30);

	opacity: 0.3;

}



#sidebar .title > a:hover {

	filter: alpha(opacity=100);

	opacity: 1;

}



#sidebar ul {

	list-style-type: none;

	margin-left:0px;

	margin-bottom: 0px;

}



#sidebar ul > li {

	margin-bottom: 9px;

	padding-bottom: 14px;

	background: url(../images/bg/shadow-mini.png) no-repeat bottom right;

}



#sidebar ul > li > ul > li {

	margin-bottom: 4px;

  background: none;

  padding: .2em 0;

  padding-left: 1em;

}



#sidebar ul > li > ul {

	margin-left: 0px;

}

/*

#sidebar ul > li > a:before {

	content: '\2022 \00A0';

}

*/



#sidebar.three ul > li{

	padding-right: 4px;

}



/* #Page Produits

================================================== */

#produits article {

	margin-bottom: 30px;

}



.category-description {

	margin-bottom: 20px;

}



.tax-produit_type h2, .page-template-template-boutique-produits-php #wrap h2, .page-template-template-boutique-recettes-php h2, .tax-recette_type h2 {

	background: transparent !important;

}



.prix {

	font-size: 20px;

	color: #ff0000;

}



/* #Page Recettes

================================================== */

article.recette h3 {

	color: #999999;

	font-size: 20px;

	line-height: 24px;

	font-family: 'Open Sans', Helvetica, Arial, sans-serif;

	font-weight: 600;

	text-transform: none;

	margin-bottom: 12px;

}



#recettes #sidebar > ul > li {

	background: transparent !important;

}



#recettes #sidebar > ul > li > a {

	font-family: 'Philosopher', Helvetica, Arial, sans-serif;

	color: #684F40 !important;

	text-shadow:0 1px 1px rgba(0, 0, 0, 0.5) !important;

	font-size: 18px;

	line-height: 22px;

	text-transform: none;

	zoom: 1;

	filter: alpha(opacity=30);

	opacity: 0.3;

	margin-bottom: 12px !important;

	float: left;

	width: 100%;

}



#recettes #sidebar > ul > li > a:hover {

	color: #684F40 !important;

	filter: alpha(opacity=100);

	opacity: 1;

}



#recettes #sidebar > ul > li > ul > li > a {

	font-size: 12px;

}

#wrap.boutique #recettes #sidebar .children li.current-cat > a {

	color: #a8bd13;

}



/* #Pages normales (Search, etc)

================================================== */

section article, section nav {

	float: left;

	margin-bottom: 20px;

}



.search-results section nav {

  display:block;

  width:100%;

}



.search-results #wrap.employes {

  background: url(../images/bg/wrap-front.png) no-repeat top center!important;

}



/* #Emplois

================================================== */

body.page-template-template-emplois-php #wrap h2, body.single-emploi #wrap h2 {

	font-size: 24px;

	line-height: 26px;

}



body.page-template-template-emplois-php #wrap h3, body.single-emploi #wrap h3 {

	font-size: 18px;

	line-height: 22px;

}



#emplois hr {

	background: url(../images/bg/shadow-half.png) no-repeat top center !important;

}



.menu-horaire-container .current-menu-item a {

  font-weight: bold;

}



/* #Blog

================================================== */



.blog-post header {

	margin-bottom: 10px;

}



.blog-post .posted-on {

	font-style: italic;

}





/* #Footer Splash

================================================== */

#footer.splash {

	clear: both;

	width: 100%;

	background: url(../images/bg/footer-splash.png) repeat-x;

	height: 22px;

	padding: 6px 0 4px;

	color: #8b8b8b;

}



body.page-template-template-splash-page-php #footer.splash, body.page-template-template-emplois-php #footer.splash, body.page-template-template-page-php #footer.splash, body.single-emploi #footer.splash {

	position: relative;

	top: 180px;

}



#footer.splash .right {

	text-align: right;

}



#footer.splash a {

	color: #8b8b8b;

}



#footer.splash a:hover {

	color: #d2d2d2;

}





/* #Footer

================================================== */

#footer-wrap {

	position: relative;

}



#footer-wrap.boutique.page, #footer-wrap.distribution.page {

	top: 180px;

}



#footer.regular{

	position: absolute;

	top: 200px;

	background: url(../images/bg/footer-reg.png) repeat-x;

	height: 307px;

	padding-top: 70px;

	width: 100%;

	z-index: 25;

	color: #fff;

}



#footer.regular strong {

	color: #fff;

}



#footer a.email {

	font-weight: bold;

}



body.boutique #footer a.email {

	color: #86af00;

}



body.distribution #footer a.email {

	color: #e17523;

}



body.boutique #footer.regular .title {

	color: #b1b82c;

}



body.distribution #footer.regular .title {

	color: #e17523;

}



#footer-nav ul li {

	margin-bottom: 6px;

}



#footer-nav ul li a {

	color: #fff;

}



#logo-footer {

	background: url(../images/logo-footer.png) no-repeat;

	height: 117px;

	width: 186px;

	display: block;

	text-indent: -9999px;

}



body.distribution #logo-footer {

	height: 87px;

}





#people {

	position: relative;

	background: url(../images/content/gens.jpg) no-repeat;

	height: 239px;

	width: 976px;

	display: block;

	text-indent: -9999px;

	z-index: 20;

	max-width:100%;

	background-size:100%;

}



#footer.regular .title {



	font-size: 16px;

	line-height: 20px;

	font-family: 'Oswald', Helvetica, Arial, sans-serif;

	text-transform: uppercase;

	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);

	border-bottom: 1px solid #4e3f35;

	padding-bottom: 8px;

	margin: 0 16px 12px 0;

}



#footer.regular > .container > .two.columns {

	background: url(../images/bg/footer-shadow.png) no-repeat top right;

	min-height: 160px;

}



#footer.regular form, #footer.regular .wpcf7-submit {

	margin-bottom: 0px;

}



#footer.regular form p {

	margin-bottom: 0px;

}



#footer.regular form input, #footer.regular form textarea {

	margin-bottom: 6px;

	border-radius: 3px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	-o-border-radius: 3px;

}



#footer.regular .wpcf7-validation-errors, #footer.regular .wpcf7-mail-sent-ok {

	position: absolute !important;

	top: -40px !important;

	background: #675951;

	margin: 4px 0 4px !important;

}



#footer.regular span.wpcf7-not-valid-tip {

	background: #675951 !important;

	font-size: 12px !important;

}



.page-template-template-employes-php .wpcf7-textarea {

  width: 350px;

  height: 120px;

}



.copy {

	padding-top: 66px;

	color: #7f7874;

	font-size: 10px;

	line-height: 11px;

}



.copy a {

	color: #7f7874;

}



.copy a:hover {

	color: #a49891;

}





/* #Misc

================================================== */

.nomargin {

	margin-left: 0px !important;

	margin-right: 0px !important;

}



.right {

	float: right !important;

}



.highlight {

	color: #96ab3c;

}



/* #Internet Explorer

================================================== */

html.ie7 .pastilles.distribution .four .title{

	line-height: 28px !important;

}



html.ie7 .top-links #searchform #s, html.ie8 .top-links #searchform #s {

	padding-top: 2px !important;

	height: 22px !important;

}



input[type="file"]{

	max-width: 80%;

}



/* #WordPress

================================================== */

.aligncenter	{ display: block; margin: 0 auto; }

.alignleft		{ float: left; margin: 0 20px 20px 0; }

.alignright		{ float: right; margin: 0 0 20px 20px; }

.wp-caption		{ border: 1px solid #999; text-align: center; background: #eee; padding: 10px; margin: 10px; }





/* #Font-Face

================================================== */

/* 	This is the proper syntax for an @font-face file

		Just create a "fonts" folder at the root,

		copy your FontName into code below and remove

		comment brackets */



/*	@font-face {

	    font-family: 'FontName';

	    src: url('../fonts/FontName.eot');

	    src: url('../fonts/FontName.eot?iefix') format('eot'),

	         url('../fonts/FontName.woff') format('woff'),

	         url('../fonts/FontName.ttf') format('truetype'),

	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');

	    font-weight: normal;

	    font-style: normal; }

*/









/* Media queries */



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

	.ether-cols {

		width:100%;

	}



	.container {

		width:94%;

		max-width:100%!important;

	}



	.container .twelve.columns {

		max-width:100%;

		margin:0px;

	}



	#footer-wrap {

		background:#fff;

	}

}



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


	.top-links #searchform {

		display:none;

	}




	#wrap.boutique.front, #wrap.distribution.front {

		background:#fff;

	}



	body.page-template-template-boutique-side-php #wrap.boutique.page, body.page-template-template-distribution-side-php #wrap.distribution.page,

		body.page-template-template-boutique-produits-php #wrap, body.page-template-template-boutique-recettes-php #wrap, body.tax-produit_type #wrap,

		body.single #wrap, body.category #wrap, body.blog #wrap, #wrap.employes.front, #wrap.employes, body.page-template-template-distribution-side-large-php #wrap {

		background:white!important;

	}



	body.boutique #sticky, body.page-template-template-splash-page-php #sticky, body.single-emploi #sticky, body.page-template-template-emplois-php #sticky, body.page-template-template-page-php #sticky, body.employes #sticky {

		height: 180px;

		background:url(../images/bg/header-boutique.jpg) no-repeat top center #fff;

		min-width:0px;

	}



	body.distribution #sticky {

		height: 180px;

		background: url(../images/bg/header-distribution.jpg) no-repeat top center #fff;

		min-width:0px;

	}



	/* Header */



	#sticky {

		min-width:0px;

		height: 180px;

	}



	#top .container {

		height: 172px;

	}



	#navigation {

		position: relative;

		float: left;

		margin-top: 73px;

		min-width:80%;

	}



	#navigation li a {

		font-size:18px;

	}



	/* Slider */



	#home-slider {

		padding-top: 50px;

	}



	#wrap.boutique.front, #wrap.distribution.front {

		margin-top: 100px;

	}



	/* Home page */



	#wrap.front > .container > .twelve.columns > .ether-cols.ether-cols-1 { /*, #wrap.boutique.page > .container > .twelve.columns > .ten.columns.omega > .ether-cols*/

		display:none;

	}



	.ether-cols + .ether-cols {

		background:white;

		width:100%;

		margin:0px;

	}



	.flexslider .slides img {

		max-width:100%;

		height:auto;

	}



	/* Container */



	#wrap {

		min-height:0px;

	}



	.container .twelve.columns {

		width:100%;

		margin:0px;

	}



	.container:after {

		content:'';

		display:none;

	}



	.column, .columns {

		float:none;

	}



	#wrap.boutique.page h2, #wrap.distribution.page h2 {

		padding-top:12px;

	}



	/* Footer */



	#footer .column, #footer .columns, #footer .right {

		float:left!important;

		display: block;

	}



	#footer.regular {

		background-position: 0px -30px;

		background-color:rgb(103,89,81);

		height:auto;

	}

	#footer.regular > .container > .two.columns {

		background:none;

		margin-top:1em;

	}



	#people {

		background: url(../images/content/gens.jpg) no-repeat #fff;

		height:200px;

		background-size:100%;

		background-position:bottom center;

	}

}



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

	#footer .two.columns {

		display:none;

	}

	#footer.regular {

		padding-bottom:70px;

	}

	#footer .four.columns {

		position:absolute;

		bottom:-70px;

		left: 0;

		right: 0;

	}

	#footer .four.columns a {

		display:none;

	}

	#footer .four.columns .copy a {

		display:block;

	}





	#top-menu {

		margin-bottom:42px;

	}



	/*#footer .container .four.columns {

		width: 230px;

	}*/



	/* Was separated here ? for smaller screen */



	#footer .column, #footer .columns, #footer .right {

		float: none!important;

		display: block;

		margin:10px auto!important;

		max-width:100%;

	}



	img {

		max-width:100%;

		margin:0 auto;

		height:auto;

	}

}

/* Nos Conseillères santé : general styling */
.conseilleres {
	display: flex;
	align-items: center;
	padding-top: 20px;
}
.conseilleres h3, .conseilleres del {
	color: #42d0a9 !important;
}
.conseilleres del {
	text-decoration: none;;
}
.conseilleres p {
	font-size: 14px !important;
}
.conseilleres_intro h2 {
	background-image: none !important;
	line-height: 32px !important;
}
.conseilleres_intro p {
	font-size: 14px !important;
}

/* Nos conseilleres santé : Enlever les gens dans le footer */
body.page-id-1829 #footer-wrap.boutique.page {
    top: 0 !important;
}
body.page-id-1829 #footer-wrap #people {
	display: none !important;
}
