@charset "UTF-8";
/* UTF-8 déclaré avant toute chose */

/******************************************************************
 * RÖCSSTI : une base CSS par Nicolas Hoffmann https://rocssti.net/
 * Builder : https://rocssti.net/builder-css
 * inspiré par http://www.knacss.com/
 *
 * RÖCSSTI est sous licence MIT : https://github.com/nico3333fr/ROCSSTI/blob/master/LICENSE
 * 
 * cette CSS est fournie telle quelle, sans aucune garantie d'aucun type, 
 * l'auteur ne saurait être tenu responsable de quoi que ce soit pour 
 * l'utilisation de RÖCSSTI.
 *
 * convention (à adapter si besoin)
 *  .parent
 *  .parent__enfant
 *  .parent--modifieur  
 * 
 * 
 * résumé
 * 01 -- reset
 * 02 -- ainsi font font font + structure Hx
 * 03 -- classes utilitaires + fix typos + styles "balises fixes"
 * 04 -- liens + icônes
 * 05 -- layout et modules
 * 06 -- structure (page / skip links / header / main content / footer)
 * 07 -- forms
 * 08 -- dans le contenu
 * 09 -- breakpoints mineurs entre desktop et tablettes
 * 10 -- homo tablettes - breakpoint majeur
 * 11 -- breakpoints mineurs entre tablettes et mobile
 * 12 -- mobile - breakpoint majeur
 * 13 -- breakpoints mineurs tout petit mobile
 * 14 -- print
 * 15 -- fix viewport 
 * 16 -- règles d'état
 * 17 -- bonus : Fixes IE
 */




/*
 *****************************************************************
 * 1 -- reset
 *****************************************************************
 */

/* spécial HTML 5 */
article, aside, audio, canvas, datagrid, datalist, details, dialog, figure, footer, header, main, menu, nav, section, video { display: block; }
abbr, eventsource, mark, meter, time, progress, output, bb { display: inline; }

/* reset minimum */
html, body, blockquote, ul, ol, form, button { margin: 0; padding: 0; }
button { border: 0; }
p, ul, ol, dl, blockquote, pre, td, th, label, textarea {
  font-size: 1em; /* equiv 14px */
  line-height: 1.5;
  margin: 1.5em 0;
}

/* fix display img/iframe */
img,
iframe { vertical-align: middle; }

ul, ol { padding-left: 2em; }

.unstyled {
  padding-left: 0;
  list-style-type: none;
}



/* la base correspond à 10px */
html {
  font-size: 62.5%;
  /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
  /* Thanks to @guardian, @victorbritopro, @eQRoeil & Knacss */
  font-size: calc(1em * 0.625);
}
body {
  background: #ead694 url(../images/bg.jpg) 0 0 repeat;
  color: #5d5d5d;
  font-family: Arial, sans-serif;
  font-size: 1.8em; /* taille de base équiv à 14px */
  line-height: 1.5; /* à corriger si besoin est */
}




/*
 *****************************************************************
 * 02 -- ainsi font font font + structure Hx
 *****************************************************************
 */ 

@font-face {
	/*font-family: 'Conv_ItaliaStd-Medium';*/
  font-family: 'Italia';
    src: url('fonts/ItaliaStd-Medium.eot');
    src: url('fonts/ItaliaStd-Medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/ItaliaStd-Medium.woff2') format('woff2'),
         url('fonts/ItaliaStd-Medium.woff') format('woff'),
         url('fonts/ItaliaStd-Medium.ttf') format('truetype'),
         url('fonts/ItaliaStd-Medium.svg#ItaliaStd_Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	/*font-family: 'Conv_ItaliaStd-Bold';*/
  font-family: 'Italia';
    src: url('fonts/ItaliaStd-Bold.eot');
    src: url('fonts/ItaliaStd-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/ItaliaStd-Bold.woff2') format('woff2'),
         url('fonts/ItaliaStd-Bold.woff') format('woff'),
         url('fonts/ItaliaStd-Bold.ttf') format('truetype'),
         url('fonts/ItaliaStd-Bold.svg#ItaliaStd_Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

/*@font-face {
	font-family: 'Conv_ItaliaStd-Book';
    src: url('fonts/ItaliaStd-Book.eot');
    src: url('fonts/ItaliaStd-Book.eot?#iefix') format('embedded-opentype'),
         url('fonts/ItaliaStd-Book.woff') format('woff'),
         url('fonts/ItaliaStd-Book.ttf') format('truetype'),
         url('fonts/ItaliaStd-Book.svg#ItaliaStd_Book') format('svg');
	font-weight: bold;
	font-style: normal;
}*/

@font-face {
    font-family: 'dancing_script';
    src: url('fonts/dancingscript-regular-webfont.eot');
    src: url('fonts/dancingscript-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dancingscript-regular-webfont.woff2') format('woff2'),
         url('fonts/dancingscript-regular-webfont.woff') format('woff'),
         url('fonts/dancingscript-regular-webfont.ttf') format('truetype'),
         url('fonts/dancingscript-regular-webfont.svg#dancing_script_otregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*@font-face {
	font-family: 'Impregnable';
    src: url('fonts/Impregnable.eot');
    src: url('fonts/Impregnable.eot?#iefix') format('embedded-opentype'),
         url('fonts/Impregnable.woff') format('woff'),
         url('fonts/Impregnable.ttf') format('truetype'),
         url('fonts/Impregnable.svg#Impregnable') format('svg');
	font-weight: normal;
	font-style: normal;
}*/




/* calculées via http://soqr.fr/vertical-rhythm/ merci @goetter & @eQRoeil */

h1,
.h1 {
  display: block;
  font-size:  3.5714em; /* equiv 50px */
  line-height: 1em /*0.84em*/;
  margin: .42em 0 .2em 0;
  font-family: 'dancing_script', arial;
  font-weight: normal;
  color: #845b2d;
}
h2,
.h2 {
  display: block;
  font-size:  1.1429em; /* equiv 16px */
  line-height:  1.3125em;
  margin:  1.3125em 0 0 0;
  font-weight: bold;
}
h3,
.h3 {
  display: block;
  font-size:  1.1429em; /* equiv 16px */
  line-height:  1.3125em;
  margin:  1.3125em 0 0 0;
  font-weight: bold;
}
h4,
.h4 {
  display: block;
  font-size:  1em; /* equiv 14px */
  line-height:  1.5em;
  margin:  1.5em 0 0 0;
  font-weight: normal;
}


.uppercase {
  text-transform: uppercase;
}

/* autres classes utiles */
.smaller {
  font-size: .7143em; /* equiv 10px */
  line-height:  2.1em;
  margin:  2.1em 0;
}
.small {
  font-size: .8571em; /* equiv 12px */
  line-height:  1.75em;
  margin:  1.75em 0;
}
.big {
  font-size:  1.1429em; /* equiv 16px */
  line-height:  1.3125em;
  margin:  1.3125em 0;
}
.bigger {
  font-size:  1.2857em; /* equiv 18px */
  line-height:  1.1667em;
  margin:  1.1667em 0;
}
.biggest {
  font-size:  1.7857em; /* equiv 25px */
  line-height: 1.68em;
  margin: .84em 0;
}

.lh130 {
  line-height: 1.3;
}

.green {
  color: #1c5631;
}

.color-brown {
  color: #845b2d;
}





/*
 *****************************************************************
 * 03 -- classes utilitaires + fix typos + styles "balises fixes"
 *****************************************************************
 */

.noborder,
iframe { border: 0; }

table {
  table-layout: fixed;
}

/*
 * repris de http://tinytypo.tetue.net/ de @tetue
 * tuné avec l'aide de http://www.nicolas-hoffmann.net/utilitaires/codes-hexas-ascii-unicode-utf8-caracteres-usuels.php
 *
 * voir http://en.wikipedia.org/wiki/International_variation_in_quotation_marks pour les références
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
:lang(fr) > q {
  quotes: "\00AB\A0" "\A0\00BB" "\201C" "\201D" "\2018" "\2019";
}
:lang(en) > q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
:lang(it) > q {
  quotes: "\00AB\A0" "\A0\00BB" "\201C" "\201D";
}
:lang(de) > q {
  quotes: "\201e" "\201c" "\201a" "\2018";
}
/*:lang(es) > q {
  quotes: "\00AB" "\00BB" "\201C" "\201D";
}
*/
q:before {
  content: open-quote;
}
q:after {
  content: close-quote;
}

/* éviter interlignage disgracieux */
sup,
sub {
  vertical-align: 0;
  position: relative;
}
sup {
  bottom: 1ex;
}
sub {
  top: .5ex;
}

/* éviter problèmes de margin */
/*h1:first-child,.h1:first-child,
h2:first-child,.h2:first-child,
h3:first-child,.h3:first-child,
h4:first-child,.h4:first-child,
h5:first-child,.h5:first-child,
h6:first-child,.h6:first-child {
  margin-top: 0;
}*/
/* virer marge basse sur dernier enfant */
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
blockquote:last-child,
pre:last-child,
table:last-child {
  margin-bottom: 0;
}

/* éviter marges supplémentaires sur éléments imbriqués */
li p,
li ul {
  margin-bottom: 0;
  margin-top: 0;
}
/* Vous ne passerez PAS (Gandalf) */
/*textarea,
table,
td,
th,
code,
pre,
samp,
div,
p,*/
.cut {
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}
/* pour supprimer la césure si besoin */
.nocut {
  word-wrap: normal;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none;
}

code,
pre,
samp {
  white-space: pre-wrap;
}
code {
  line-height: 1;
}
kbd {
  border: solid 1px;
  border-top-left-radius: .5em;
  border-top-right-radius: .5em;
  padding: 0 .25em;
}
table {
  margin-bottom: 1.5em;
}
/* j'y tiens, les abbr c'est bon pour la planète */
/* seuls ceux ayant un title sont signalés */
abbr[title] {
  border-bottom: dotted 1px; 
  cursor: help;
  /* couleur héritée du texte */
} 

/* alignements de textes */
.alignright  { text-align: right; }
.aligncenter { text-align: center; }
.alignleft   { text-align: left; }
.aligntop    { vertical-align: top; }
.alignbottom { vertical-align: bottom; }
.alignmiddle { vertical-align: middle; }





/*
 *****************************************************************
 * 04 -- liens + icônes
 *****************************************************************
 */

/* Liens */
a {
  color: #845b2d;
  cursor: pointer;
  /*outline: 0;*/
}
/* penser au focus */
a:focus,
a:hover,
a:active {
  color: #000;
}
a:hover {
  outline: 0;
}

.nodecoration {
  text-decoration: none;
}

/* éviter la bordure sur une image comprise dans un lien + fix bordure image IE */
/*a:link img,
a:visited img, 
img {
  border-style: none;
}*/

/* liens avec icônes, on peut utiliser les DATA-URI */

/* pour signaler liens externes */
/*a[href^="http://"],
a[href^="https://"] {

}*/
/* si URL complète sur un lien interne, virer signalement liens externes */
/*a[href^="http://www.mondomaine.com"] {

}*/
/* contact, liens mailto */
/*.mail,
a[href^="mailto:"] {

}*/
/* dont l'URL se termine par .pdf ou ce que vous voulez comme extension */
/*a[href$=".pdf"] {

}*/

.icon-1915-googlemap {
  /* liengooglemap_icone.png */
  display: inline-block;
  width: 19px;
  height: 15px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAPCAYAAAAGRPQsAAAAoUlEQVR42mNgGEjw////AGoaBgLzqWkYCJwHYgVsChzQMRGGgcB7DLX/MUECkpwCEPcD8f7/uEEDumHnkV0FpAWghhAL1iMbth/Ntef/kwbOYzUM5Gwsivfj8ep8kE8wDIOGESxwQYoMiA1fbIYV4Ix2VMPuo1uEzbAGuJNxG7YepxpsEYDHsAak2F6PK53tJzEnwCIJq2HvkWKMGHwf3TAA3dv5c+4dhD0AAAAASUVORK5CYII=) 0 0 no-repeat;
}
.svg .icon-1915-googlemap {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxNS40MTciPjxwYXRoIGQ9Ik00LjkwMiA3LjcyOWMuMjUzLS40MTEuNTcyLS44MTYuOTU1LTEuMjE4LjM4My0uNDAxLjg0NS0uNzYzIDEuMzg1LTEuMDg2LjU0LS4zMjMgMS4wNjEtLjU5MiAxLjc3OS0uODA2LjcxOS0uMjE0IDEuNTQyLS4zNDMgMi40NzItLjM4NXYtMy41NjdsNy4wNzEgNS41MDUtNy4wNzEgNS40MjR2LTMuOTRjLS4yMzUgMC0uNTQ2LjAwOC0uOTMzLjAyMy0uMzg2LjAxNS0uODE2LjA1Ny0xLjI5LjEyNy0uNDczLjA2OS0uODYyLjE3My0xLjM4NC4zMTItLjUyMi4xMzktMS4wMzYuMzMyLTEuNTM5LjU3OS0uNTA0LjI0OC0uOTc4LjUyMS0xLjQyMi44OTMtLjQ0NC4zNzEtLjgyNS44MjUtMS4xNDUgMS4zNjIuMTUxLTEuMjA3LjUyNS0yLjI1NyAxLjEyMi0zLjIyM3ptOS4xNjMgNC40MTZ2MS4zNzloLTEyLjIxNHYtOC4zNTdoMi4yODljLjA2Ni0uMjM3LjE1OC0uNDU5LjMyMy0uNjMxLjIxOS0uMjI5LjQ2LS40NDYuNzE1LS42NTVoLTQuNjEzdjEwLjkyOWgxNC43ODZ2LTMuNTY4bC0xLjI4Ni45MDN6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
}

.back {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAOUlEQVR42mNgQAMt0boGQPweiP8DsQM+SRAOwCeZQAVJqALcklAF/wkpSBhYRQ6EFGGaAlXkAJMEAPH8ZdcMDgWFAAAAAElFTkSuQmCC) 0 .3em no-repeat;
  padding-left: 1em;
  font-family: 'Italia', arial;
  font-weight: normal;
  text-decoration: none;
}
.svg .back {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0zMDEgMzkwLjEgOC4yIDEyLjkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTMwMSAzOTAuMSA4LjIgMTIuOSI+PHBhdGggZmlsbD0iIzg0NUIyRCIgZD0iTS0zMDAuMyAzOTcuMWwuMy4zIDUuMSA1LjFjLjMuMy45LjMgMS4zIDBsLjMtLjNjLjMtLjMuMy0uOSAwLTEuM2wtNC40LTQuNCA0LjQtNC40Yy4zLS4zLjMtLjkgMC0xLjNsLS4zLS4zYy0uMy0uMy0uOS0uMy0xLjMgMGwtNS4zIDUuM2MtLjQuNC0uNCAxLS4xIDEuM3oiLz48L3N2Zz4=);
  background-position: 0 0;
  padding-left: 1.5em;
}
.pdf {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAgElEQVR42mNgoCZojdZoAOL9ROAGbJoNgPg/CdgA3QAHEg1wIMaA9VAnk21AAxSTbcB+Sl0wn1IXNEANOU+OATDnn4dGcQEQB0ADlqAB74E4Aar5PpLYfGIMAGlSQNJIcjooQLIFGZ+HqikgNyXuh4YF2Hvk5IX7ODWTkBsxNAMAcmBSAfY3GtUAAAAASUVORK5CYII=) 0 0 no-repeat;
  padding-left: 1.5em;
}
.svg .pdf {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9InBkZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzg1NUIyOCIgZD0iTTcuNjExLDcuNTIxYy0wLjE1NCwwLjQ0Ni0wLjM2LDAuOTM2LTAuNjU0LDEuNTAzQzYuODY0LDkuMjAzLDYuNzc1LDkuMzcxLDYuNjg4LDkuNTMxDQoJYzAuNjgxLTAuMjUyLDEuMzgtMC40NDEsMi4wNDEtMC41NzFDOC42OTIsOC45MzEsOC42NTIsOC45MDQsOC42MTcsOC44NzRDOC4yMDUsOC41Miw3Ljg3Niw4LjA0MSw3LjYxMSw3LjUyMXogTTEyLjUxNiwwLjk3NUgzLjQ4NA0KCWMtMC41NTQsMC0xLjAwMywwLjQ0OS0xLjAwMywxLjAwM1YxNC4wMmMwLDAuNTU0LDAuNDUsMS4wMDMsMS4wMDMsMS4wMDNoNy4wMDlsMy4wMjctMi45NzlWMS45NzkNCglDMTMuNTIsMS40MjUsMTMuMDcsMC45NzUsMTIuNTE2LDAuOTc1eiBNNi4zMDYsMTAuMjA5Yy0xLjE1NCwxLjk3Ni0xLjc1MiwyLjI0LTIuMTEyLDIuMjRjLTAuMDU2LDAtMC4xMDctMC4wMjMtMC4xNi0wLjAzOA0KCWMtMC4wMDEsMC0wLjAwMi0wLjAwMS0wLjAwMy0wLjAwMWMtMC4wMzUsMC0wLjA3MS0wLjAwOC0wLjEwNS0wLjAyNWwtMC4wMDEtMC4wMDFjLTAuMDAyLTAuMDAxLTAuMDA0LDAtMC4wMDYtMC4wMDFsLTAuMjExLTAuMTA3DQoJYy0wLjAwMS0wLjAwMS0wLjAwMS0wLjAwMi0wLjAwMi0wLjAwM2MtMC4wMjgtMC4wMTUtMC4wNTQtMC4wMzUtMC4wNzQtMC4wNThjLTAuMDExLTAuMDEzLTAuMDE4LTAuMDQtMC4wMjgtMC4wNTgNCgljLTAuMDAzLTAuMDA4LTAuMDA4LTAuMDE0LTAuMDExLTAuMDIyYy0wLjAzMi0wLjA2OS0wLjA1NS0wLjE1OC0wLjAyNi0wLjI5OGMwLjA4Ny0wLjQyOSwwLjU2NS0xLjA5MywxLjY0Ni0xLjY2N2wwLjM5NS0wLjI1OA0KCUM1LjgxNiw5LjU0NSw2LjAzOCw5LjEzNCw2LjI5NCw4LjYyYzAuNDI3LTAuODYxLDAuNjkzLTEuNTg5LDAuODcxLTIuMTk3Yy0wLjI4My0wLjk0Ny0wLjM0OS0xLjg5LTAuMTk0LTIuNDcNCglDNy4wNSwzLjY1Nyw3LjI1MiwzLjU1MSw3LjQxNiwzLjU1MWwwLjE3MiwwLjAwMWMwLjE3LDAsMC4yOTIsMC4wNTMsMC4zNzgsMC4xNTdjMC4xMTcsMC4xNDIsMC4xNDcsMC4zNTYsMC4wOSwwLjY1NA0KCUM4LjA1MSw0LjM4OSw4LjAzLDQuNDA1LDguMDE3LDQuNDI3YzAuMDA1LDAuMDIsMC4wMjEsMC4wMzUsMC4wMjEsMC4wNTdMOC4wMzQsNC43MzljLTAuMDA5LDAuNTI0LTAuMDIzLDEuMDQtMC4xMjIsMS42MjMNCgljMC4yNjIsMC43NjQsMC42NzEsMS41MjEsMS4yMTgsMS45N2MwLjIwOSwwLjE2NywwLjQ0MiwwLjMyLDAuNjgzLDAuNDU5YzAuMzU1LTAuMDM5LDAuNjg1LTAuMDYsMC45NzEtMC4wNg0KCWMwLjg1OCwwLDEuMzkxLDAuMTUzLDEuNTgzLDAuNDU2YzAuMDk4LDAuMTU0LDAuMTA0LDAuMzQxLDAuMDE4LDAuNTI1Yy0wLjAwNCwwLjAwOS0wLjAxNSwwLjAxMi0wLjAyLDAuMDINCgljMCwwLjAwMywwLjAwMSwwLjAwNSwwLjAwMSwwLjAwN2MtMC4wMjUsMC4xNDctMC4xNDcsMC4zOTQtMC42ODcsMC4zOTRjLTAuNTI2LDAtMS4zNC0wLjIyOS0yLjA5My0wLjYyMQ0KCUM4LjQ1NCw5LjYzLDcuMjIxLDkuODg4LDYuMzA2LDEwLjIwOXogTTEyLjc4MiwxMS45MmwtMi40MywyLjQzYy0wLjQzOSwwLjQzOS0wLjM0NS0wLjMyOS0wLjM0NS0wLjMyOXYtMi4wMDcNCgljMC0wLjQ4NiwwLjQ3LTAuNDg2LDAuNDctMC40ODZoMi4xMTZDMTMuMzMxLDExLjUxMiwxMi43ODIsMTEuOTIsMTIuNzgyLDExLjkyeiBNNy41OTQsNC4zNDRDNy41OTMsNC4zMzEsNy41OTEsNC4zMTgsNy41OSw0LjMwNg0KCUM3LjU4Niw0LjMzNyw3LjU4OSw0LjM4LDcuNTg2LDQuNDE0QzcuNTkxLDQuMzk5LDcuNjAzLDQuMzksNy42MSw0LjM3N0M3LjYwNyw0LjM2NSw3LjU5NSw0LjM1Nyw3LjU5NCw0LjM0NHoiLz4NCjwvc3ZnPg0K);
}

/*
 *****************************************************************
 * 05 -- layout et modules
 *****************************************************************
 */

/* ça dépend, ça dépasse */
img,
table,
td,
blockquote,
code,
pre,
textarea,
input {
  height: auto;
  max-width: 100%;
}
/* pas de reset sur embed, object et video, ça fait foirer certains players */

/* utile pour gérer les floattants */
/* contient des floats */
.mod { 
  overflow: auto;
}
.mod--hidden {
  overflow: hidden;
}

/* quelques floattants */
.left {
  float: left;
}
.right {
  float: right;
}


/* clearer les floats */
.clear {
  clear: both;
}
.clearleft {
  clear: left;
}
.clearright {
  clear: right;
}
.clearhidden {
  clear: both;
  margin: 0;
  padding: 0;
  visibility: hidden;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


/* gouttière */
.gut {
  height: 1px;
}

/* gestion du table-design en CSS */
.row {
  display: table;
  table-layout: fixed;
}
.col {
  display: table-cell;
  vertical-align: top;
}
.col-noalign {
  display: table-cell;
}

/* block */
.bl {
  display: block;
}


/* inline-block, utile pour les grilles et pas seulement */
.inbl,
.grid {
  display: inline-block;
}

/* grid = élément d'une inline-grid */
.grid {
  vertical-align: top;
}

/* pour relativiser */
.relative {
  position: relative;
}

.toprightabsolute {
	position: absolute;
	top:1em;right:1em;
}

/* bloc centré */
.center {
  margin-left: auto;
  margin-right: auto;
}

/* activation de l'accélération matérielle */
.hardware-accelerated {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}


/* largeurs de blocks */
.w1   { width: 1%; }
.w2   { width: 2%; }
.w3   { width: 3%; }
.w5   { width: 5%; }
.w10  { width: 10%; }
.w17-5{ width: 17.5%; }
.w20  { width: 20%; }
.w25  { width: 25%; }
.w30  { width: 30%; }
.w32  { width: 32%; }
.w33  { width: 33.333%; }
.w40  { width: 40%; }
.w45  { width: 45%; }
.w49  { width: 49%; }
.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%; }

/* ici ajouter les largeurs en em */
/*.w960e { width: 60em; }*/

/* ici ajouter les largeurs en pixels */
/*.w500p { width: 500px; }*/

/* ici ajouter les largeurs max en em */
/*.mw960e { max-width: 60em; }*/

/* ici ajouter les largeurs max en pixels */
/*.mw960p { max-width: 960px; }*/
.mw130p { max-width: 130px; }


/* margins */
.mt0 { margin-top: 0; }
.mt0-5 { margin-top: .5em; }
.mt1 { margin-top: 1em; }
.mt1-5 { margin-top: 1.5em; }
.mt2 { margin-top: 2em; }
.mt3 { margin-top: 3em; }
.mt4 { margin-top: 4em; }
.mr0 { margin-right: 0; }
.mr0-5{ margin-right: .5em; }
.mr1 { margin-right: 1em; }
.mr2 { margin-right: 2em; }
.mb0 { margin-bottom: 0; }
.mb0-25{ margin-bottom: .25em; }
.mb0-5 { margin-bottom: .5em; }
.mb1 { margin-bottom: 1em; }
.mb2 { margin-bottom: 2em; }
.mb4 { margin-bottom: 4em; }
.ml0 { margin-left: 0; }
.ml1 { margin-left: 1em; }
.ml2 { margin-left: 2em; }
.m0  { margin: 0; }
.m1  { margin: 1em; }
.m2  { margin: 2em; }


/* paddings */
.pt0 { padding-top: 0; }
.pt0-5 { padding-top: 0.5em; }
.pt1 { padding-top: 1em; }
.pt2 { padding-top: 2em; }
.pr0 { padding-right: 0; }
.pr1 { padding-right: 1em; }
.pr2 { padding-right: 2em; }
.pb0 { padding-bottom: 0; }
.pb1 { padding-bottom: 1em; }
.pb2 { padding-bottom: 2em; }
.pb3 { padding-bottom: 3em; }
.pb4 { padding-bottom: 4em; }
.pb6 { padding-bottom: 6em; }
.pl0 { padding-left: 0; }
.pl1 { padding-left: 1em; }
.pl2 { padding-left: 2em; }
.p0  { padding: 0; }
.p1  { padding: 1em; }
.p2  { padding: 2em; }


/* spécial hr de 1px de haut */
hr {
  background-color: #ead694;
  border: 0;
  color: #ead694;
  height: 1px;
  margin: 0 0 1em;
  padding: 0;
}

/* pour cacher du texte de manière accessible… toussââââ */
.invisible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.hidden    { display: none; } /* caché partout */
.nodesktop { display: none; } /* caché sur desktop */
/*.noprint   {} /* caché sur print */
/*.notablet  {} /* caché sur tablettes */
/*.nomobile  {} /* caché sur mobile */


.reponse {
    background: #ead694 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0.5em;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-family: "Italia",arial;
    font-size: 0.7em;
    height: 25px;
    margin: 0 5px 5px 0;
    min-width: 110px;
    padding: 0.75em 1.25em 0.25em 1em;
    text-align: center;
}
.reponse:hover {
    background: #d5bf7d none repeat scroll 0 0;
}
.reponseok {
    padding: 0.75em 0.25em 0.25em 2em;
    background: url(../images/icon-on.png) #845b2d no-repeat scroll 8px 8px;
    border: 0 none;
}
.reponseok:hover {
    background: url(../images/icon-on.png) #644420 no-repeat scroll 8px 8px;
}
.reponse input {
    display: none;
}
.reponse .title {
    color: #845b2d;
    display: block;
    font-size: 15px;
    text-align: center;
}
.reponseok .title {
    color: #ead694;
}
.reponse:hover .title {
    color: #845b2d;
}
.reponseok:hover .title {
    color: #ead694;
}

#id_postal_code {
    width: 100px;
}

/*
 *****************************************************************
 * 06 -- structure globale 
 *      (page / skip links / header / contenu principal / footer)
 *****************************************************************
 */

/* === page === */
/*#page {

}*/
.centered_content,
.logo {
  position: relative;
  /*max-width: 60em; /* 960px */
  max-width: 75em; /* 1200px */
  margin: 0 auto;
}

/* === skip links = liens d'évitement === */
.skip {
  position: absolute;
  z-index: 667; /* a11y will win from Devil */
}
/* skip__link = un lien d'évitement  */
/* idéalement mettez-les visibles pas uniquement au focus */
.skip__link {
  opacity: .01;
  padding: .15em;
  display: block;
  font-size: 0.6em;
}
/* sinon pensez à les rendre visibles au focus */
.skip__link:focus,
.skip__link:hover,
.skip__link:active {
  opacity: 1;
  background: #ead694;
}



/* === header === */
/*.header {

}*/
.header__imgleft,
.header__imgright {
  position: absolute;
  top: 0;
}
.header__imgleft {
  left: 0;
}
.header__imgright {
  right: 0;  
}

.logo {
  background: url(../images/header-farine.png) 50% 0 no-repeat;
  margin: 0 auto;
  text-align: center;
}
.logo__link {
    display: block;
    max-width: 300px;
    margin: auto;
}
.logo__motto {
  display: block;
  margin: .5em 0;
  font-size:  1.7857em; /* 25px */
  font-family: 'Italia', arial;
  font-weight: normal;
  color: #1c5631;
  line-height: 1.1;
}

.quick-links {
  float: left;
  font-family: 'Italia', arial;
}
.quick-links--active {
  color: #000;
}

.switchlang {
  float: right;
  font-family: 'Italia', arial;
}
.switchlang__current {
  color: #ead694;
}

.displaymenu {
  margin-top: 1em;
  padding-top: .5em;
  padding-bottom: .5em;
  text-align: center;
}

.navigation {
  padding-left: 0;
  /* roberto_motif-2.png */
  background: #ead694 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAtCAMAAADr7dnsAAAAM1BMVEXq1pTr15fr2Zvs2p7t26Lt3aXu3qjv36zw4a/w4rLx47by5Lny5r3z58D06MP06sf168qhFfPtAAABRUlEQVR42tWUu5YtIQhEwSdto9T/f+3gmZOKyQT3dtAJe6kUVRD9+WdvXE9VpBcSekKsTUDVf6AaYKzQXc/moAbctM8x2ayBcAaHZWIpyVAdm2cQzQ+dPCHEoBGA0pbygOsioHQGq76NKowpmd1kZkOhNP0Vsdp54GGxG0fqSm/J8+3irfRo6W4EwcLkSxfjoQJLciMVI++OaWB+niiH16Hlb7PdMERP7kkmZt9aGoaz4KkU+q+/7IkrKb2o4ShkwXTbwEKuuKx7Ag+wIq5ifkzSMUfkPjYffZbUsLhAgo3gwcjmNvCE9gjsq4ibfu1bJ3LkPh2F3p3MDr3JWP2B1NysF7V9dZQ0YJckMX4TN/geJEAq3wc9Yeg3M7zVM/TybXP4fqltp9LbeaK7Zeb226zv4iVy1KfrA/0Wqzd+Tnzt+V/O0w/0Sw3qKdq4PAAAAABJRU5ErkJggg==) 0 0 repeat;
  margin: 2em 0 0 0;
  position: relative;
}
.svg .navigation {
  background: #ead694 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0NSI+PHJlY3QgeD0iLTEiIHk9Ii0xIiBmaWxsPSIjRUFENjk0IiB3aWR0aD0iNDIiIGhlaWdodD0iNDciLz48cmVjdCB4PSItMSIgeT0iLTEiIGZpbGw9IiNFQUQ2OTQiIHdpZHRoPSI0MiIgaGVpZ2h0PSI0NyIvPjxwYXRoIG9wYWNpdHk9Ii41IiBmaWxsPSIjZmZmIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IiBkPSJNMzkuMTYzIDMuOTU3bDIuMjEzLTEuNjU2Yy0uNDQ1LjEwNS0uODA3LS4yMjMtMS4yMzUtLjI4LS42NjcuMzczLTEuMzM0Ljc1MS0xLjk2MiAxLjIyLTEuMTA2LS4zOTYtMi4zLS41NjktMy41NDYtLjYwNy0xLjgwNC4wOC0zLjQxOS41MzQtNC45MzUgMS4zMzctMS41MzYuOTc2LTMuMzYzIDIuNTE3LTMuMTEyIDQuNTM5LjEyNC41OC43NjIgMSAxLjMxMSAxLjA3NyAyLjEyMS4xNjIgMy43MTEtMS4zNTggNC45OTQtMi44OS0uMzQ5LjAwMS0uNjM3LS4xNDUtLjk5My0uMTMzLTEuMDQ0IDEuMDE1LTIuMDc5IDIuMjMtMy41ODIgMi4yODMtLjI5MS4wMDYtLjU2OC0uMTE5LS43MTgtLjM3NS0uMjEzLS40ODcuMDQ3LTEuMDA5LjI3Ny0xLjQyOCAyLjItMi43MTEgNS43OTctNC4xNDggOS4yNi0zLjA3Mi0uOTEzLjc5MS0xLjg3MSAxLjgzMi0yLjYyNSAyLjc2Mi0xLjQwOCAxLjc1NS0yLjc4OSAzLjUyNi0zLjgwNyA1LjQzNS0uNTE1LS4xNjktMS4wNzMtLjM3NC0xLjYxOS0uMTIzLS4xOTguMTExLS4yNTQuMzEyLS4yNS41MjIuMDgxLjMzMy40MTYuNjQ1Ljc0Ni43Mi4xNDEuMDUxLjMyOC0uMDI4LjQ1NC4wNTYtMS4yNDUgMS44NjUtMi42NTggMy42OC00LjQzOCA1LjE0NC0uMzYuMTMxLS45MTIuMjU5LTEuMjUxLjAwMS0uMTQyLS4xMDYtLjE2MS0uMjY2LS4xOC0uNDI4LjIyOC0xLjE1MiAxLjc1OC0uODk4IDIuMDU2LTIuMDIuMDI5LS4yLjA1Mi0uNDQ4LS4xMzktLjU4LS4xOC0uMTIxLS40MzQtLjExNy0uNjQ4LS4wNzUtLjk1NS4yNy0xLjczNCAxLjMzLTEuOTg4IDIuMjM0LS4xMTUuNTIuMDg3IDEuMDI5LjUxOSAxLjM0OSAxLjIxOC41NzcgMi42ODcuMTEgMy42OTgtLjYwMyAxLjQxOS0xLjIgMi41NDItMi41OTQgMy40ODctNC4wNzFsLjA2NC0uMDAxYy45MjQgMS4wNzggMS44MTMgMi4zMDggMy4wNTEgMy4xMTYgMS40NjguOTk4IDMuMTkzIDEuOTM4IDUuMDAyIDEuMjQ5LjMyLS4yMDUuNzUyLS40OTMuNjk1LS45MzktLjE3MS0uMTkxLS4xNjQtLjcxOS0uNTctLjU1MS0uNjUzLjU4OS0xLjczOS42ODgtMi41MTcuMzAzLTEuNzQzLS43NC0zLjQyNS0yLjMwNy00LjQ0NS0zLjkzMy42ODItLjEyNSAxLjM5MS0uMzI2IDIuMTA1LS40NDYgMi4zNjMtLjUxIDQuNjM0LTIuNjA5IDUuNDU2LTQuOTAzLjQ5OC0xLjQzMi4yODYtMy4wODgtLjgyNy00LjE2OGwtLjAwMS0uMDY1em0tMS4zMzEgNS4yNjJjLTEuMTg1IDEuOTI5LTMuMjQ1IDMuMDUzLTUuNDYzIDMuMjIybC0uMDAyLS4wODdjMS4yODQtMi4xMDggMi43NTMtNC4wODUgNC4zNTctNi4wNy40NzEtLjQ5My45NjktMS4wMDggMS40ODQtMS40NDguOTA2IDEuMzEuNCAzLjE3OC0uMzc2IDQuMzgzeiIvPjxwYXRoIG9wYWNpdHk9Ii41IiBmaWxsPSIjZmZmIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IiBkPSJNMTguODA1IDI2bDIuMjEzLTEuNjU2Yy0uNDQ1LjEwNS0uODA3LS4yMjMtMS4yMzYtLjI4LS42NjcuMzczLTEuMzM0Ljc1MS0xLjk2MiAxLjIyLTEuMTA2LS4zOTYtMi4zLS41NjktMy41NDYtLjYwNy0xLjgwNC4wOC0zLjQxOS41MzQtNC45MzUgMS4zMzctMS41MzYuOTc2LTMuMzYzIDIuNTE3LTMuMTEyIDQuNTM5LjEyMy41OC43NjEgMSAxLjMxMiAxLjA3NyAyLjEyMS4xNjIgMy43MTEtMS4zNTggNC45OTQtMi44OS0uMzQ5LjAwMS0uNjM3LS4xNDUtLjk5My0uMTMzLTEuMDQ0IDEuMDE1LTIuMDc5IDIuMjMtMy41ODIgMi4yODMtLjI5MS4wMDYtLjU2OC0uMTE5LS43MTgtLjM3NS0uMjEzLS40ODcuMDQ3LTEuMDA5LjI3Ny0xLjQyOCAyLjItMi43MTEgNS43OTctNC4xNDggOS4yNi0zLjA3Mi0uOTEzLjc5MS0xLjg3MSAxLjgzMi0yLjYyNSAyLjc2Mi0xLjQwOCAxLjc1NS0yLjc4OSAzLjUyNi0zLjgwNyA1LjQzNS0uNTE1LS4xNjktMS4wNzMtLjM3NC0xLjYxOS0uMTIzLS4xOTguMTExLS4yNTQuMzEyLS4yNS41MjIuMDgxLjMzMy40MTYuNjQ1Ljc0Ni43Mi4xNDEuMDUxLjMyOC0uMDI4LjQ1NC4wNTYtMS4yNDUgMS44NjUtMi42NTggMy42OC00LjQzOCA1LjE0NC0uMzYuMTMxLS45MTIuMjU5LTEuMjUxLjAwMS0uMTQyLS4xMDYtLjE2MS0uMjY2LS4xOC0uNDI4LjIyOC0xLjE1MiAxLjc1OC0uODk4IDIuMDU2LTIuMDIuMDI5LS4yLjA1Mi0uNDQ4LS4xMzktLjU4LS4xOC0uMTIxLS40MzQtLjExNy0uNjQ4LS4wNzUtLjk1NS4yNy0xLjczNCAxLjMzLTEuOTg4IDIuMjM0LS4xMTUuNTIuMDg3IDEuMDI5LjUxOSAxLjM0OSAxLjIxOC41NzcgMi42ODcuMTEgMy42OTgtLjYwMyAxLjQxOS0xLjIgMi41NDItMi41OTQgMy40ODctNC4wNzFsLjA2NC0uMDAxYy45MjQgMS4wNzggMS44MTMgMi4zMDggMy4wNTEgMy4xMTYgMS40NjguOTk4IDMuMTkzIDEuOTM4IDUuMDAyIDEuMjQ5LjMyLS4yMDUuNzUyLS40OTMuNjk1LS45MzktLjE3MS0uMTkxLS4xNjQtLjcxOS0uNTctLjU1MS0uNjUzLjU4OS0xLjczOS42ODgtMi41MTcuMzAzLTEuNzQzLS43NC0zLjQyNS0yLjMwNy00LjQ0NS0zLjkzMy42ODItLjEyNSAxLjM5MS0uMzI2IDIuMTA1LS40NDYgMi4zNjMtLjUxIDQuNjM0LTIuNjA5IDUuNDU2LTQuOTAzLjQ5OC0xLjQzMi4yODYtMy4wODgtLjgyNy00LjE2OGwtLjAwMS0uMDY1em0tMS4zMyA1LjI2MmMtMS4xODUgMS45MjktMy4yNDUgMy4wNTMtNS40NjMgMy4yMjJsLS4wMDItLjA4N2MxLjI4NC0yLjEwOCAyLjc1My00LjA4NSA0LjM1Ny02LjA3LjQ3MS0uNDkzLjk2OC0xLjAwOCAxLjQ4NC0xLjQ0OC45MDYgMS4zMS40IDMuMTc4LS4zNzYgNC4zODN6Ii8+PHBhdGggb3BhY2l0eT0iLjUiIGZpbGw9IiNmZmYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXciIGQ9Ik0tLjgwMiAzLjk1N2wyLjIxMy0xLjY1NmMtLjQ0NS4xMDUtLjgwNy0uMjIzLTEuMjM2LS4yOC0uNjY3LjM3My0xLjMzNC43NTEtMS45NjIgMS4yMi0xLjEwNi0uMzk2LTIuMy0uNTY5LTMuNTQ2LS42MDctMS44MDQuMDgtMy40MTkuNTM0LTQuOTM1IDEuMzM3LTEuNTM2Ljk3Ni0zLjM2MyAyLjUxNy0zLjExMiA0LjUzOS4xMjMuNTguNzYxIDEgMS4zMTIgMS4wNzcgMi4xMjEuMTYyIDMuNzExLTEuMzU4IDQuOTk0LTIuODktLjM0OS4wMDEtLjYzNy0uMTQ1LS45OTMtLjEzMy0xLjA0NCAxLjAxNS0yLjA3OSAyLjIzLTMuNTgyIDIuMjgzLS4yOTEuMDA2LS41NjgtLjExOS0uNzE4LS4zNzUtLjIxMy0uNDg3LjA0Ny0xLjAwOS4yNzctMS40MjggMi4yLTIuNzExIDUuNzk3LTQuMTQ4IDkuMjYtMy4wNzItLjkxMy43OTEtMS44NzEgMS44MzItMi42MjUgMi43NjItMS40MDggMS43NTUtMi43ODkgMy41MjYtMy44MDcgNS40MzUtLjUxNS0uMTY5LTEuMDczLS4zNzQtMS42MTktLjEyMy0uMTk4LjExMS0uMjU0LjMxMi0uMjUuNTIyLjA4MS4zMzMuNDE2LjY0NS43NDYuNzIuMTQxLjA1MS4zMjgtLjAyOC40NTQuMDU2LTEuMjQ1IDEuODY1LTIuNjU4IDMuNjgtNC40MzggNS4xNDQtLjM2LjEzMS0uOTEyLjI1OS0xLjI1MS4wMDEtLjE0Mi0uMTA2LS4xNjEtLjI2Ni0uMTgtLjQyOC4yMjgtMS4xNTIgMS43NTgtLjg5OCAyLjA1Ni0yLjAyLjAyOS0uMi4wNTItLjQ0OC0uMTM5LS41OC0uMTgtLjEyMS0uNDM0LS4xMTctLjY0OC0uMDc1LS45NTUuMjctMS43MzQgMS4zMy0xLjk4OCAyLjIzNC0uMTE1LjUyLjA4NyAxLjAyOS41MTkgMS4zNDkgMS4yMTguNTc3IDIuNjg3LjExIDMuNjk4LS42MDMgMS40MTktMS4yIDIuNTQyLTIuNTk0IDMuNDg3LTQuMDcxbC4wNjQtLjAwMWMuOTI0IDEuMDc4IDEuODEzIDIuMzA4IDMuMDUxIDMuMTE2IDEuNDY4Ljk5OCAzLjE5MyAxLjkzOCA1LjAwMiAxLjI0OS4zMi0uMjA1Ljc1Mi0uNDkzLjY5NS0uOTM5LS4xNzEtLjE5MS0uMTY0LS43MTktLjU3LS41NTEtLjY1My41ODktMS43MzkuNjg4LTIuNTE3LjMwMy0xLjc0My0uNzQtMy40MjUtMi4zMDctNC40NDUtMy45MzMuNjgyLS4xMjUgMS4zOTEtLjMyNiAyLjEwNS0uNDQ2IDIuMzYzLS41MSA0LjYzNC0yLjYwOSA1LjQ1Ni00LjkwMy40OTgtMS40MzIuMjg2LTMuMDg4LS44MjctNC4xNjhsLS4wMDEtLjA2NXptLTEuMzMxIDUuMjYyYy0xLjE4NSAxLjkyOS0zLjI0NSAzLjA1My01LjQ2MyAzLjIyMmwtLjAwMi0uMDg3YzEuMjg0LTIuMTA4IDIuNzUzLTQuMDg1IDQuMzU3LTYuMDcuNDcxLS40OTMuOTY5LTEuMDA4IDEuNDg0LTEuNDQ4LjkwNiAxLjMxLjQgMy4xNzgtLjM3NiA0LjM4M3oiLz48L3N2Zz4=) 0 0 repeat;
}

.navigation-before,
.navigation-after {
  position: absolute;
  width: 74px;
  height: 80px;
}
.navigation-before {
  margin-left: -73px;
}
.navigation-after {
  right: 0;
  margin-right: -73px; 
}

.navigation__item {
  position: relative;
}

.navigation__hover {
  position: absolute;
  top: -1em;
  z-index: 9;
  width: 80%;
  display: none;
  left: 10%;
}

.navigation__link {
  position: relative;
  z-index: 9;
  display: block;
  font-family: 'Italia', arial;
  text-align: center;
  text-decoration: none;
  padding: 1.25em ;
}

.navigation__link--contact {
  padding: 1.25em ;
}

.navigation__item:focus .navigation__hover,
.navigation__item:hover .navigation__hover,
.navigation__item:active .navigation__hover,
.navigation__item--active  .navigation__hover {
  display: block;
}
.navigation__item:focus .navigation__link,
.navigation__item:hover .navigation__link,
.navigation__item:active .navigation__link,
.navigation__item--active  .navigation__link {
  color: #ead694;
}
.navigation__text {
  display: block;
  margin: 0 1em;
  line-height: 1.3;
  /*border: 1px solid red;*/
}



/* === Sous-navigation === */
.breadcrumb {
  font-family: 'Italia', arial;
}


.subnav {
  list-style-type: none;
  padding-left: 0;
  margin: 0 1em 0 0;
  font-family: 'Italia', arial;
}
.subnav__item {
  display: block;
  border-top: 1px solid #ead694;
}
.subnav__item:last-child {
  border-bottom: 1px solid #ead694;
}
.subnav__link,
.subnav__link--nosubnav,
.grid-types-pates__type {
  display: block;
  padding: .7em .5em;
  text-decoration: none; /* ../images/fleche_marron.svg */
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAOUlEQVR42mNgAIKWaN0EIHZgwAagkv+hOAGbAgckBTgVJQygIkIK3uOVBGID6kgG4JREC0lMSSAAAKutZdcTGofJAAAAAElFTkSuQmCC) 95% 50% no-repeat;
}
.subnav__link--nosubnav {
  background-image: none;
}
.svg .subnav__link,
.svg .grid-types-pates__type {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjE2OCIgaGVpZ2h0PSIxMi44ODMiPjxwYXRoIGZpbGw9IiM4NDVCMkQiIGQ9Ik03LjU0OSA1Ljc0OGwtNS4zMDctNS4zMDdjLS4zNDgtLjM0OC0uOTExLS4zNDgtMS4yNTkgMGwtLjI1Ny4yNTdjLS4zNDguMzQ4LS4zNDguOTExIDAgMS4yNTlsNC40MjEgNC40MjEtNC40MjEgNC40MjFjLS4zNDguMzQ4LS4zNDguOTExIDAgMS4yNTlsLjI1Ni4yNTZjLjM0OC4zNDguOTExLjM0OCAxLjI1OSAwbDUuMDUxLTUuMDUxLjI1Ni0uMjU2Yy4zNDgtLjM0Ny4zNDgtLjkxMS4wMDEtMS4yNTl6Ii8+PC9zdmc+);
}
.subnav__link--opened {
  /* ../images/fleche_marron_bas.svg */
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAUklEQVR42mNgGNygJVr3PxDvBGJFHPKKUHmEOigHq0Y0DSC8DIj5QBKTsWnEogFhKJDBhqZxAxA7QWmcrsCm8T9eDQQ04taAQ+MughrI1kRTAACRh237MEd1mQAAAABJRU5ErkJggg==) 95% 50% no-repeat;
}
.svg .subnav__link--opened {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iLTIuNDc5IC0wLjA1OSAxMyAxMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMi40NzkgLTAuMDU5IDEzIDEzIj48cGF0aCBmaWxsPSIjODQ1QjJEIiBkPSJNNC43NjcgOS43ODhsLjI1Ni0uMjU2IDUuMDUyLTUuMDUxYy4zNDgtLjM0OC4zNDgtLjkxMSAwLTEuMjU5bC0uMjU3LS4yNTVjLS4zNDktLjM0OS0uOTEyLS4zNDktMS4yNiAwbC00LjQyMSA0LjQyLTQuNDIxLTQuNDJjLS4zNDgtLjM0OS0uOTExLS4zNDktMS4yNTkgMGwtLjI1Ny4yNTdjLS4zNDguMzQ4LS4zNDguOTExIDAgMS4yNTlsNS4zMDcgNS4zMDdjLjM0OC4zNDcuOTEzLjM0NyAxLjI2LS4wMDJ6Ii8+PC9zdmc+) 95% 50% no-repeat;
}
.subnav__subnav {
  list-style-type: disc;
  padding-left: 1.5em;
  padding-bottom: 1em;
  color: #845b2d;
  margin: 0;
}

.subnav__subnav__item {
  margin: .25em 0;
}
.subnav__subnav__link {
  text-decoration: none;
  display: block;
  padding-right: 1em;
  line-height: 1.3;
  padding-bottom: 0.5em;
}
.subnav__link--active,
.subnav__subnav__link--active {
  color: #1c5631;
}


.nav-products {
  background: #945b2d url(data:image/gif;base64,R0lGODlhKAAtALMAAJVcL5ljN5hhNZliNpVdL5ZeMZhhNJZeMJdgNJdfMpdgM5dfM5ZfMpRcLpljOJRbLSH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEYwMEUwRkRGQzk1MTFFNEEzMDFFNTg4QUM0MkRBQzUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEYwMEUwRkVGQzk1MTFFNEEzMDFFNTg4QUM0MkRBQzUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowRjAwRTBGQkZDOTUxMUU0QTMwMUU1ODhBQzQyREFDNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRjAwRTBGQ0ZDOTUxMUU0QTMwMUU1ODhBQzQyREFDNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAAAoAC0AAAT/8MlJq704680l6GDWEEATdgDjrIGgBIZ5ag3iGIU3OMO8NYMBgWJwKBw5H0YgkJlsOZjychiYGq6EYyG5TS0JxIMwWDQcAsnBkfhWAIKBYSgIyOoy9wXgOEgWSHoZAg4PNQ4MghZYRQ4IAQN+ihY2KwuSk5QOAYWZFAcmBY58mJmEAARoEipJkwwDAACQeTYCBA0FH24LBQcteRIEhCtDbg0JCaUVDSWezs/Q0c8ACrqTuAacPAZHXJkFkAwlDb5emdmthgMBNtZ6L7pXdSSIime6Cmk2fqltgmSGDMQQ5U1LMUEGBgjIkSqNIUjQgDjQVeSgJ0Bt4PR5hqBIgARFQQS4y6RlhQuLzkRxQjnp1gNZTdaNFASoAJAAH26y/EIgAKh5E7CMOgbMx4Fq61gW2LGpqI8CCmxmQOVUmtWr0iIAADs=) repeat;
  font-family: 'Italia', arial;
  font-weight: normal;
  color: #ead694;
  margin-left: -2em;
  margin-right: -2em;
  /*padding: 0 2em;*/
}
.nav-products .expandmore__button {
  color: #ead694;
  text-align: left;
  padding: 1em 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGFJREFUeNpiYBgFYPD//38FIH4PxOeBWICAWgGoOpB6A5hgwX8EwGkIkmYYaMAlgWEIFjUgFyjgUwA3BIdmA2KceB4aPoQ14zHkP9GaCRhCnGYchpCmGc2QApTQHn4AIMAAGAQXaCGH37wAAAAASUVORK5CYII=) 100% 50% no-repeat;
}
.nav-products__listitem {
  border-top: 1px solid #b68c56;
}
.nav-products__listlink {
  display: block;
  color: #ead694;
  padding: 1em 2em;
  text-decoration: none;
}



/* === contenu principal === */
#main {
  padding-top: 2em;
}
.content {
  padding-bottom: 8em;
  padding-left: 1em;
}



table {
  width: 100%;
  border: 1px solid #ead694;
  border-collapse: collapse;
}
td, th {
  border: 1px solid #ead694;
  border-collapse: collapse;
  padding: 1em;
}
th {
  background: #f0e1af;
  text-align: left;
  font-size: 1.2142em;
  font-family: 'Italia', arial;
  font-weight: normal;
}
td p {
  margin-top: 0;
}
tr:nth-child(even) {
	background: #f9f2dc;
}

/* === boxes === */

.boxpromo,
.boxnews,
.boxlight,
.idea-receipt-box {
  position: relative;
  border-radius: .3125em;
  background: #ead694;
  padding: 1em .7em 1.5em;
  line-height: 1.2;
}

.boxnews__content--title {
	 font-family: 'Italia', arial;
	 font-size:  1.1429em; /* equiv 16px */
	 font-weight: normal;
	 color: #845b2d;
}

.box_revendeur {
  position: relative;
  border-radius: .3125em .3125em 0 0;
  background: #ead694;
  padding: 1em 0;
  line-height: 1.2;
}

.boxlight {
  background-color: rgba(234, 214, 148, .5);
}
.boxpromo__title,
.boxnews__title,
.boxlight__title {
  font-family: 'Italia', arial;
  font-size:  1.1429em; /* equiv 16px */
  margin: 0;
}
.boxpromo__title--link {
  text-decoration: none;
  color: #5d5d5d;
}
.boxpromo__title--link:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.boxpromo__checks {
  list-style-type: none;
  padding-left: 0;
  font-size: 0.9em;
}
.boxpromo__checks__item {
  /* ok_vert.png */
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAZUlEQVR42mNgoBeQDjMQAOJ+UjUZAPF+kGZSNb0HYgdyNBWgSyTg0ZQAxP+BeD0uSZDbFXBouo/TX0CJ+VDnBED5DVBNIGxAKJjPI9kA01RASiD8x+kvIgLjPknxBdXcj9dfQAAAGTw4p2VNJZsAAAAASUVORK5CYII=) 0 .2em no-repeat;
  padding-left: 1.5em;
  line-height: 1.2;
  margin-bottom: .75em;
}
.svg .boxpromo__checks__item {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMiI+PHBvbHlnb24gZmlsbD0iIzFCNTYzMCIgcG9pbnRzPSIxMy41OTUsMC40ODEgNS4yNDgsOC4wNyAwLjY5Miw0Ljg4MSA1LjQ0OSwxMS4yMyA2LjkzMiw5LjI0OSA2LjkzMiw5LjI0OSIvPjwvc3ZnPg==);
}
.boxnews {
  border: 1px solid #ead694;
  /* roberto_motif-3.png */
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAtCAYAAADcMyneAAACBklEQVR42u2YLW7EMBCFFxoGGhoaBi40XGgYGGgYGOhD9Gw9RE/RxHpOX13vFlSZkapYmtVqHSnfzp/f+Ha71h/Xx/vbutmk+P5hM79ZgN03c9gL+8dDCWzcLG2WYTOMf8v7g14YzACkQvlm3yKqB+AsDJcA4Dv7FW6FhwtgFgSMeLkl4D3vHHKxes5jvwAmQcD95WPjzUTfcymMr/0CGIUBA8K3IAcNPJu5m+C5AjgIAnpATeRJD7g9vIZaT8lF7R5sKO8cwSVOB63mbCm0DyqYVRUOgDM3407Dttqh/daM4clRsh5+AwwAW8iDRrMQYj3z0ZRr1Q4EqwNJ+Rab0LrmhKmQ9oe7T861jPyyryoUMmulPxOKTjhTzVDDDSQC/C/PRwJdpXqe45Be61r/fQq0zRRW1fAAGZWl5xyW5gudAnPn0F814FzTQG2z/yDARRrO0xE0POn+dT+K6jhSu4mkuEWohzoWIuyGRECQAhybOaGepbGZX23jTTHAO7zjSBJVab604SRVbCVDHFGpkYaaqTMiVu/N2j3Qc95RKhwCVLM589WEI2mUORe1JHt+MYVFtXmiM+Rkur7w6mCdCq0hvmuLgYmuwI6LneYWatTKt+OOjio0dS52jr4onWsJXhyfVWhzjbuQ9Dq31aDhzqRQ5lcvhJdTU93mbC96gNrbta51/voEI62+5mDqXy0AAAAASUVORK5CYII=) 0 0 repeat;
}
.svg .boxnews {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0NSI+PHBhdGggb3BhY2l0eT0iLjUiIGZpbGw9IiNFQUQ2OTQiIGQ9Ik0zOS4xNjMgMy45NTdsMi4yMTMtMS42NTZjLS40NDUuMTA1LS44MDctLjIyMy0xLjIzNS0uMjgtLjY2Ny4zNzMtMS4zMzQuNzUxLTEuOTYyIDEuMjItMS4xMDYtLjM5Ni0yLjMtLjU2OS0zLjU0Ni0uNjA3LTEuODA0LjA4LTMuNDE5LjUzNC00LjkzNSAxLjMzNy0xLjUzNi45NzYtMy4zNjMgMi41MTctMy4xMTIgNC41MzkuMTI0LjU4Ljc2MiAxIDEuMzExIDEuMDc3IDIuMTIxLjE2MiAzLjcxMS0xLjM1OCA0Ljk5NC0yLjg5LS4zNDkuMDAxLS42MzctLjE0NS0uOTkzLS4xMzMtMS4wNDQgMS4wMTUtMi4wNzkgMi4yMy0zLjU4MiAyLjI4My0uMjkxLjAwNi0uNTY4LS4xMTktLjcxOC0uMzc1LS4yMTMtLjQ4Ny4wNDctMS4wMDkuMjc3LTEuNDI4IDIuMi0yLjcxMSA1Ljc5Ny00LjE0OCA5LjI2LTMuMDcyLS45MTMuNzkxLTEuODcxIDEuODMyLTIuNjI1IDIuNzYyLTEuNDA4IDEuNzU1LTIuNzg5IDMuNTI2LTMuODA3IDUuNDM1LS41MTUtLjE2OS0xLjA3My0uMzc0LTEuNjE5LS4xMjMtLjE5OC4xMTEtLjI1NC4zMTItLjI1LjUyMi4wODEuMzMzLjQxNi42NDUuNzQ2LjcyLjE0MS4wNTEuMzI4LS4wMjguNDU0LjA1Ni0xLjI0NSAxLjg2NS0yLjY1OCAzLjY4LTQuNDM4IDUuMTQ0LS4zNi4xMzEtLjkxMi4yNTktMS4yNTEuMDAxLS4xNDItLjEwNi0uMTYxLS4yNjYtLjE4LS40MjguMjI4LTEuMTUyIDEuNzU4LS44OTggMi4wNTYtMi4wMi4wMjktLjIuMDUyLS40NDgtLjEzOS0uNTgtLjE4LS4xMjEtLjQzNC0uMTE3LS42NDgtLjA3NS0uOTU1LjI3LTEuNzM0IDEuMzMtMS45ODggMi4yMzQtLjExNS41Mi4wODcgMS4wMjkuNTE5IDEuMzQ5IDEuMjE4LjU3NyAyLjY4Ny4xMSAzLjY5OC0uNjAzIDEuNDE5LTEuMiAyLjU0Mi0yLjU5NCAzLjQ4Ny00LjA3MWwuMDY0LS4wMDFjLjkyNCAxLjA3OCAxLjgxMyAyLjMwOCAzLjA1MSAzLjExNiAxLjQ2OC45OTggMy4xOTMgMS45MzggNS4wMDIgMS4yNDkuMzItLjIwNS43NTItLjQ5My42OTUtLjkzOS0uMTcxLS4xOTEtLjE2NC0uNzE5LS41Ny0uNTUxLS42NTMuNTg5LTEuNzM5LjY4OC0yLjUxNy4zMDMtMS43NDMtLjc0LTMuNDI1LTIuMzA3LTQuNDQ1LTMuOTMzLjY4Mi0uMTI1IDEuMzkxLS4zMjYgMi4xMDUtLjQ0NiAyLjM2My0uNTEgNC42MzQtMi42MDkgNS40NTYtNC45MDMuNDk4LTEuNDMyLjI4Ni0zLjA4OC0uODI3LTQuMTY4bC0uMDAxLS4wNjV6bS0xLjMzMSA1LjI2MmMtMS4xODUgMS45MjktMy4yNDUgMy4wNTMtNS40NjMgMy4yMjJsLS4wMDItLjA4N2MxLjI4NC0yLjEwOCAyLjc1My00LjA4NSA0LjM1Ny02LjA3LjQ3MS0uNDkzLjk2OS0xLjAwOCAxLjQ4NC0xLjQ0OC45MDYgMS4zMS40IDMuMTc4LS4zNzYgNC4zODN6Ii8+PHBhdGggb3BhY2l0eT0iLjUiIGZpbGw9IiNFQUQ2OTQiIGQ9Ik0xOC44MDUgMjZsMi4yMTMtMS42NTZjLS40NDUuMTA1LS44MDctLjIyMy0xLjIzNi0uMjgtLjY2Ny4zNzMtMS4zMzQuNzUxLTEuOTYyIDEuMjItMS4xMDYtLjM5Ni0yLjMtLjU2OS0zLjU0Ni0uNjA3LTEuODA0LjA4LTMuNDE5LjUzNC00LjkzNSAxLjMzNy0xLjUzNi45NzYtMy4zNjMgMi41MTctMy4xMTIgNC41MzkuMTIzLjU4Ljc2MSAxIDEuMzEyIDEuMDc3IDIuMTIxLjE2MiAzLjcxMS0xLjM1OCA0Ljk5NC0yLjg5LS4zNDkuMDAxLS42MzctLjE0NS0uOTkzLS4xMzMtMS4wNDQgMS4wMTUtMi4wNzkgMi4yMy0zLjU4MiAyLjI4My0uMjkxLjAwNi0uNTY4LS4xMTktLjcxOC0uMzc1LS4yMTMtLjQ4Ny4wNDctMS4wMDkuMjc3LTEuNDI4IDIuMi0yLjcxMSA1Ljc5Ny00LjE0OCA5LjI2LTMuMDcyLS45MTMuNzkxLTEuODcxIDEuODMyLTIuNjI1IDIuNzYyLTEuNDA4IDEuNzU1LTIuNzg5IDMuNTI2LTMuODA3IDUuNDM1LS41MTUtLjE2OS0xLjA3My0uMzc0LTEuNjE5LS4xMjMtLjE5OC4xMTEtLjI1NC4zMTItLjI1LjUyMi4wODEuMzMzLjQxNi42NDUuNzQ2LjcyLjE0MS4wNTEuMzI4LS4wMjguNDU0LjA1Ni0xLjI0NSAxLjg2NS0yLjY1OCAzLjY4LTQuNDM4IDUuMTQ0LS4zNi4xMzEtLjkxMi4yNTktMS4yNTEuMDAxLS4xNDItLjEwNi0uMTYxLS4yNjYtLjE4LS40MjguMjI4LTEuMTUyIDEuNzU4LS44OTggMi4wNTYtMi4wMi4wMjktLjIuMDUyLS40NDgtLjEzOS0uNTgtLjE4LS4xMjEtLjQzNC0uMTE3LS42NDgtLjA3NS0uOTU1LjI3LTEuNzM0IDEuMzMtMS45ODggMi4yMzQtLjExNS41Mi4wODcgMS4wMjkuNTE5IDEuMzQ5IDEuMjE4LjU3NyAyLjY4Ny4xMSAzLjY5OC0uNjAzIDEuNDE5LTEuMiAyLjU0Mi0yLjU5NCAzLjQ4Ny00LjA3MWwuMDY0LS4wMDFjLjkyNCAxLjA3OCAxLjgxMyAyLjMwOCAzLjA1MSAzLjExNiAxLjQ2OC45OTggMy4xOTMgMS45MzggNS4wMDIgMS4yNDkuMzItLjIwNS43NTItLjQ5My42OTUtLjkzOS0uMTcxLS4xOTEtLjE2NC0uNzE5LS41Ny0uNTUxLS42NTMuNTg5LTEuNzM5LjY4OC0yLjUxNy4zMDMtMS43NDMtLjc0LTMuNDI1LTIuMzA3LTQuNDQ1LTMuOTMzLjY4Mi0uMTI1IDEuMzkxLS4zMjYgMi4xMDUtLjQ0NiAyLjM2My0uNTEgNC42MzQtMi42MDkgNS40NTYtNC45MDMuNDk4LTEuNDMyLjI4Ni0zLjA4OC0uODI3LTQuMTY4bC0uMDAxLS4wNjV6bS0xLjMzIDUuMjYyYy0xLjE4NSAxLjkyOS0zLjI0NSAzLjA1My01LjQ2MyAzLjIyMmwtLjAwMi0uMDg3YzEuMjg0LTIuMTA4IDIuNzUzLTQuMDg1IDQuMzU3LTYuMDcuNDcxLS40OTMuOTY4LTEuMDA4IDEuNDg0LTEuNDQ4LjkwNiAxLjMxLjQgMy4xNzgtLjM3NiA0LjM4M3oiLz48cGF0aCBvcGFjaXR5PSIuNSIgZmlsbD0iI0VBRDY5NCIgZD0iTS0uODAyIDMuOTU3bDIuMjEzLTEuNjU2Yy0uNDQ1LjEwNS0uODA3LS4yMjMtMS4yMzYtLjI4LS42NjcuMzczLTEuMzM0Ljc1MS0xLjk2MiAxLjIyLTEuMTA2LS4zOTYtMi4zLS41NjktMy41NDYtLjYwNy0xLjgwNC4wOC0zLjQxOS41MzQtNC45MzUgMS4zMzctMS41MzYuOTc2LTMuMzYzIDIuNTE3LTMuMTEyIDQuNTM5LjEyMy41OC43NjEgMSAxLjMxMiAxLjA3NyAyLjEyMS4xNjIgMy43MTEtMS4zNTggNC45OTQtMi44OS0uMzQ5LjAwMS0uNjM3LS4xNDUtLjk5My0uMTMzLTEuMDQ0IDEuMDE1LTIuMDc5IDIuMjMtMy41ODIgMi4yODMtLjI5MS4wMDYtLjU2OC0uMTE5LS43MTgtLjM3NS0uMjEzLS40ODcuMDQ3LTEuMDA5LjI3Ny0xLjQyOCAyLjItMi43MTEgNS43OTctNC4xNDggOS4yNi0zLjA3Mi0uOTEzLjc5MS0xLjg3MSAxLjgzMi0yLjYyNSAyLjc2Mi0xLjQwOCAxLjc1NS0yLjc4OSAzLjUyNi0zLjgwNyA1LjQzNS0uNTE1LS4xNjktMS4wNzMtLjM3NC0xLjYxOS0uMTIzLS4xOTguMTExLS4yNTQuMzEyLS4yNS41MjIuMDgxLjMzMy40MTYuNjQ1Ljc0Ni43Mi4xNDEuMDUxLjMyOC0uMDI4LjQ1NC4wNTYtMS4yNDUgMS44NjUtMi42NTggMy42OC00LjQzOCA1LjE0NC0uMzYuMTMxLS45MTIuMjU5LTEuMjUxLjAwMS0uMTQyLS4xMDYtLjE2MS0uMjY2LS4xOC0uNDI4LjIyOC0xLjE1MiAxLjc1OC0uODk4IDIuMDU2LTIuMDIuMDI5LS4yLjA1Mi0uNDQ4LS4xMzktLjU4LS4xOC0uMTIxLS40MzQtLjExNy0uNjQ4LS4wNzUtLjk1NS4yNy0xLjczNCAxLjMzLTEuOTg4IDIuMjM0LS4xMTUuNTIuMDg3IDEuMDI5LjUxOSAxLjM0OSAxLjIxOC41NzcgMi42ODcuMTEgMy42OTgtLjYwMyAxLjQxOS0xLjIgMi41NDItMi41OTQgMy40ODctNC4wNzFsLjA2NC0uMDAxYy45MjQgMS4wNzggMS44MTMgMi4zMDggMy4wNTEgMy4xMTYgMS40NjguOTk4IDMuMTkzIDEuOTM4IDUuMDAyIDEuMjQ5LjMyLS4yMDUuNzUyLS40OTMuNjk1LS45MzktLjE3MS0uMTkxLS4xNjQtLjcxOS0uNTctLjU1MS0uNjUzLjU4OS0xLjczOS42ODgtMi41MTcuMzAzLTEuNzQzLS43NC0zLjQyNS0yLjMwNy00LjQ0NS0zLjkzMy42ODItLjEyNSAxLjM5MS0uMzI2IDIuMTA1LS40NDYgMi4zNjMtLjUxIDQuNjM0LTIuNjA5IDUuNDU2LTQuOTAzLjQ5OC0xLjQzMi4yODYtMy4wODgtLjgyNy00LjE2OGwtLjAwMS0uMDY1em0tMS4zMzEgNS4yNjJjLTEuMTg1IDEuOTI5LTMuMjQ1IDMuMDUzLTUuNDYzIDMuMjIybC0uMDAyLS4wODdjMS4yODQtMi4xMDggMi43NTMtNC4wODUgNC4zNTctNi4wNy40NzEtLjQ5My45NjktMS4wMDggMS40ODQtMS40NDguOTA2IDEuMzEuNCAzLjE3OC0uMzc2IDQuMzgzeiIvPjwvc3ZnPg==);
}
.boxnews__link-season {
  margin-top: -30px;
}
.boxnews__sep {
  height: 2px;
  background: #845b2d;
}

.idea-receipt-box {
  background: #f5e8c6;
  border-radius: 1em;    
  font-size: 0.9em;
  padding-bottom: 2em;
}
.idea-receipt-box__title {
  font-family: 'Italia', arial;
  text-align: center;
  margin-top: .5em;
}

.minicon {
	width: 16px;
	padding-left: 5px;
	padding-top: 1px;
}




/* === footer === */
.footer-container,
.nav-products__listlink:focus,
.nav-products__listlink:hover,
.nav-products__listlink:active {
  /* roberto_motif.png */
  background: #845b2d url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAsCAMAAAAgsQpJAAAAM1BMVEVgPRphPhtiQB1jQR5kQiBlQyFmRSNnRiRoRyZpSCdqSihrSypsTCttTS1uTy5vUDBwUTFZUFSSAAABTklEQVR42tVUyXLFMAgD4+3Z2Oj/v7Y43U62e+h0phySQzQKSAKiX6+WfwSrNOT0PbYBwPrAkSYoZokxdqDQ4c9iltY7w8yo7/lsMAVeOGkg3QJfk520Oa+QA+sWqC9K1njCu5ugsAVm+CjU0YjKeuyLnSThacD4ojMbIpXV5bGiTmidGBccyXRbxk9Mdv/GtbvoSqJX9DMuGCSviRv0nXOjY5t5WbcMgmUOeRcKTQUfosQ10tz9OqnWrzGkZqZ/WrGdvQ1Flw69o59mZBe2pRhfgB6tHXh0E8NEOAD13Qa32K0re1yCOOlwXt901MNpGRQc19YSNaSDIjbRuDybtA/AZ05XBtdU6Sa0enNx4LIirB3mktttlfg5hFruwXNLLFxjwOt25OtudhRZtyNfboJbEe0Z1hevMm8drC+xD1FkJQ07WlH9jqrUKn+zH2+U3w3/kLvUQwAAAABJRU5ErkJggg==) 0 0 repeat;
  color: #ead694;
}
.svg .footer-container {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0NSI+PHJlY3QgeD0iLTEiIHk9Ii0xIiBmaWxsPSIjNjAzRDFBIiB3aWR0aD0iNDIiIGhlaWdodD0iNDciLz48cmVjdCB4PSItMSIgeT0iLTEiIGZpbGw9IiM2MDNEMUEiIHdpZHRoPSI0MiIgaGVpZ2h0PSI0NyIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjZmZmIiBkPSJNMzguMjA4IDQuODM2Yy45MDYgMS4zMS40IDMuMTc4LS4zNzYgNC4zODMtMS4xODUgMS45MjktMy4yNDUgMy4wNTMtNS40NjMgMy4yMjJsLS4wMDItLjA4N2MxLjI4NC0yLjEwOCAyLjc1My00LjA4NSA0LjM1Ny02LjA3LjQ3MS0uNDkzLjk2OS0xLjAwOCAxLjQ4NC0xLjQ0OHptMy4xNjgtMi41MzVsLTIuMjEzIDEuNjU2LjAwMS4wNjVjMS4xMTMgMS4wOCAxLjMyNSAyLjczNi44MjcgNC4xNjgtLjgyMiAyLjI5NC0zLjA5MyA0LjM5My01LjQ1NiA0LjkwMy0uNzE0LjEyLTEuNDIzLjMyMS0yLjEwNS40NDYgMS4wMiAxLjYyNiAyLjcwMiAzLjE5MyA0LjQ0NSAzLjkzMy43NzguMzg1IDEuODY0LjI4NiAyLjUxNy0uMzAzLjQwNi0uMTY4LjM5OS4zNi41Ny41NTEuMDU3LjQ0Ni0uMzc1LjczNC0uNjk1LjkzOS0xLjgwOS42ODktMy41MzQtLjI1MS01LjAwMi0xLjI0OS0xLjIzOC0uODA4LTIuMTI3LTIuMDM4LTMuMDUxLTMuMTE2bC0uMDY0LjAwMWMtLjk0NSAxLjQ3Ny0yLjA2OCAyLjg3MS0zLjQ4NyA0LjA3MS0xLjAxMS43MTMtMi40OCAxLjE4LTMuNjk4LjYwMy0uNDMyLS4zMi0uNjM0LS44MjktLjUxOS0xLjM0OS4yNTQtLjkwNCAxLjAzMy0xLjk2NCAxLjk4OC0yLjIzNC4yMTQtLjA0Mi40NjgtLjA0Ni42NDguMDc1LjE5MS4xMzIuMTY4LjM4LjEzOS41OC0uMjk4IDEuMTIyLTEuODI4Ljg2OC0yLjA1NiAyLjAyLjAxOS4xNjIuMDM4LjMyMi4xOC40MjguMzM5LjI1OC44OTEuMTMgMS4yNTEtLjAwMSAxLjc4LTEuNDY0IDMuMTkzLTMuMjc5IDQuNDM4LTUuMTQ0LS4xMjYtLjA4NC0uMzEzLS4wMDUtLjQ1NC0uMDU2LS4zMy0uMDc1LS42NjUtLjM4Ny0uNzQ2LS43Mi0uMDA0LS4yMS4wNTItLjQxMS4yNS0uNTIyLjU0Ni0uMjUxIDEuMTA0LS4wNDYgMS42MTkuMTIzIDEuMDE4LTEuOTA5IDIuMzk5LTMuNjggMy44MDctNS40MzUuNzU0LS45MyAxLjcxMi0xLjk3MSAyLjYyNS0yLjc2Mi0zLjQ2My0xLjA3Ni03LjA2LjM2MS05LjI2IDMuMDcyLS4yMy40MTktLjQ5Ljk0MS0uMjc3IDEuNDI4LjE1LjI1Ni40MjcuMzgxLjcxOC4zNzUgMS41MDMtLjA1MyAyLjUzOC0xLjI2OCAzLjU4Mi0yLjI4My4zNTYtLjAxMi42NDQuMTM0Ljk5My4xMzMtMS4yODMgMS41MzItMi44NzMgMy4wNTItNC45OTQgMi44OS0uNTQ5LS4wNzctMS4xODctLjQ5Ny0xLjMxMS0xLjA3Ny0uMjUxLTIuMDIyIDEuNTc2LTMuNTYzIDMuMTEyLTQuNTM5IDEuNTE2LS44MDMgMy4xMzEtMS4yNTcgNC45MzUtMS4zMzcgMS4yNDYuMDM4IDIuNDQuMjExIDMuNTQ2LjYwNy42MjgtLjQ2OSAxLjI5NS0uODQ3IDEuOTYyLTEuMjIuNDI4LjA1Ny43OS4zODUgMS4yMzUuMjh6IiBvcGFjaXR5PSIuMSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjZmZmIiBkPSJNMTcuODUxIDI2Ljg3OWMuOTA2IDEuMzEuNCAzLjE3OC0uMzc2IDQuMzgzLTEuMTg1IDEuOTI5LTMuMjQ1IDMuMDUzLTUuNDYzIDMuMjIybC0uMDAyLS4wODdjMS4yODQtMi4xMDggMi43NTMtNC4wODUgNC4zNTctNi4wNy40NzEtLjQ5My45NjgtMS4wMDggMS40ODQtMS40NDh6bTMuMTY3LTIuNTM1bC0yLjIxMyAxLjY1Ni4wMDEuMDY1YzEuMTEzIDEuMDggMS4zMjUgMi43MzYuODI3IDQuMTY4LS44MjIgMi4yOTQtMy4wOTMgNC4zOTMtNS40NTYgNC45MDMtLjcxNC4xMi0xLjQyMy4zMjEtMi4xMDUuNDQ2IDEuMDIgMS42MjYgMi43MDIgMy4xOTMgNC40NDUgMy45MzMuNzc4LjM4NSAxLjg2NC4yODYgMi41MTctLjMwMy40MDYtLjE2OC4zOTkuMzYuNTcuNTUxLjA1Ny40NDYtLjM3NS43MzQtLjY5NS45MzktMS44MDkuNjg5LTMuNTM0LS4yNTEtNS4wMDItMS4yNDktMS4yMzgtLjgwOC0yLjEyNy0yLjAzOC0zLjA1MS0zLjExNmwtLjA2NC4wMDFjLS45NDUgMS40NzctMi4wNjggMi44NzEtMy40ODcgNC4wNzEtMS4wMTEuNzEzLTIuNDggMS4xOC0zLjY5OC42MDMtLjQzMi0uMzItLjYzNC0uODI5LS41MTktMS4zNDkuMjU0LS45MDQgMS4wMzMtMS45NjQgMS45ODgtMi4yMzQuMjE0LS4wNDIuNDY4LS4wNDYuNjQ4LjA3NS4xOTEuMTMyLjE2OC4zOC4xMzkuNTgtLjI5OCAxLjEyMi0xLjgyOC44NjgtMi4wNTYgMi4wMi4wMTkuMTYyLjAzOC4zMjIuMTguNDI4LjMzOS4yNTguODkxLjEzIDEuMjUxLS4wMDEgMS43OC0xLjQ2NCAzLjE5My0zLjI3OSA0LjQzOC01LjE0NC0uMTI2LS4wODQtLjMxMy0uMDA1LS40NTQtLjA1Ni0uMzMtLjA3NS0uNjY1LS4zODctLjc0Ni0uNzItLjAwNC0uMjEuMDUyLS40MTEuMjUtLjUyMi41NDYtLjI1MSAxLjEwNC0uMDQ2IDEuNjE5LjEyMyAxLjAxOC0xLjkwOSAyLjM5OS0zLjY4IDMuODA3LTUuNDM1Ljc1NC0uOTMgMS43MTItMS45NzEgMi42MjUtMi43NjItMy40NjMtMS4wNzYtNy4wNi4zNjEtOS4yNiAzLjA3Mi0uMjMuNDE5LS40OS45NDEtLjI3NyAxLjQyOC4xNS4yNTYuNDI3LjM4MS43MTguMzc1IDEuNTAzLS4wNTMgMi41MzgtMS4yNjggMy41ODItMi4yODMuMzU2LS4wMTIuNjQ0LjEzNC45OTMuMTMzLTEuMjgzIDEuNTMyLTIuODczIDMuMDUyLTQuOTk0IDIuODktLjU1MS0uMDc3LTEuMTg5LS40OTctMS4zMTItMS4wNzctLjI1MS0yLjAyMiAxLjU3Ni0zLjU2MyAzLjExMi00LjUzOSAxLjUxNi0uODAzIDMuMTMxLTEuMjU3IDQuOTM1LTEuMzM3IDEuMjQ2LjAzOCAyLjQ0LjIxMSAzLjU0Ni42MDcuNjI4LS40NjkgMS4yOTUtLjg0NyAxLjk2Mi0xLjIyLjQyOS4wNTcuNzkxLjM4NSAxLjIzNi4yOHoiIG9wYWNpdHk9Ii4xIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiIGQ9Ik0tMS43NTcgNC44MzZjLjkwNiAxLjMxLjQgMy4xNzgtLjM3NiA0LjM4My0xLjE4NSAxLjkyOS0zLjI0NSAzLjA1My01LjQ2MyAzLjIyMmwtLjAwMi0uMDg3YzEuMjg0LTIuMTA4IDIuNzUzLTQuMDg1IDQuMzU3LTYuMDcuNDcxLS40OTMuOTY5LTEuMDA4IDEuNDg0LTEuNDQ4em0zLjE2OC0yLjUzNWwtMi4yMTMgMS42NTYuMDAxLjA2NWMxLjExMyAxLjA4IDEuMzI1IDIuNzM2LjgyNyA0LjE2OC0uODIyIDIuMjk0LTMuMDkzIDQuMzkzLTUuNDU2IDQuOTAzLS43MTQuMTItMS40MjMuMzIxLTIuMTA1LjQ0NiAxLjAyIDEuNjI2IDIuNzAyIDMuMTkzIDQuNDQ1IDMuOTMzLjc3OC4zODUgMS44NjQuMjg2IDIuNTE3LS4zMDMuNDA2LS4xNjguMzk5LjM2LjU3LjU1MS4wNTcuNDQ2LS4zNzUuNzM0LS42OTUuOTM5LTEuODA5LjY4OS0zLjUzNC0uMjUxLTUuMDAyLTEuMjQ5LTEuMjM4LS44MDgtMi4xMjctMi4wMzgtMy4wNTEtMy4xMTZsLS4wNjQuMDAxYy0uOTQ1IDEuNDc3LTIuMDY4IDIuODcxLTMuNDg3IDQuMDcxLTEuMDExLjcxMy0yLjQ4IDEuMTgtMy42OTguNjAzLS40MzItLjMyLS42MzQtLjgyOS0uNTE5LTEuMzQ5LjI1NC0uOTA0IDEuMDMzLTEuOTY0IDEuOTg4LTIuMjM0LjIxNC0uMDQyLjQ2OC0uMDQ2LjY0OC4wNzUuMTkxLjEzMi4xNjguMzguMTM5LjU4LS4yOTggMS4xMjItMS44MjguODY4LTIuMDU2IDIuMDIuMDE5LjE2Mi4wMzguMzIyLjE4LjQyOC4zMzkuMjU4Ljg5MS4xMyAxLjI1MS0uMDAxIDEuNzgtMS40NjQgMy4xOTMtMy4yNzkgNC40MzgtNS4xNDQtLjEyNi0uMDg0LS4zMTMtLjAwNS0uNDU0LS4wNTYtLjMzLS4wNzUtLjY2NS0uMzg3LS43NDYtLjcyLS4wMDQtLjIxLjA1Mi0uNDExLjI1LS41MjIuNTQ2LS4yNTEgMS4xMDQtLjA0NiAxLjYxOS4xMjMgMS4wMTgtMS45MDkgMi4zOTktMy42OCAzLjgwNy01LjQzNS43NTQtLjkzIDEuNzEyLTEuOTcxIDIuNjI1LTIuNzYyLTMuNDYzLTEuMDc2LTcuMDYuMzYxLTkuMjYgMy4wNzItLjIzLjQxOS0uNDkuOTQxLS4yNzcgMS40MjguMTUuMjU2LjQyNy4zODEuNzE4LjM3NSAxLjUwMy0uMDUzIDIuNTM4LTEuMjY4IDMuNTgyLTIuMjgzLjM1Ni0uMDEyLjY0NC4xMzQuOTkzLjEzMy0xLjI4MyAxLjUzMi0yLjg3MyAzLjA1Mi00Ljk5NCAyLjg5LS41NTEtLjA3Ny0xLjE4OS0uNDk3LTEuMzEyLTEuMDc3LS4yNTEtMi4wMjIgMS41NzYtMy41NjMgMy4xMTItNC41MzkgMS41MTYtLjgwMyAzLjEzMS0xLjI1NyA0LjkzNS0xLjMzNyAxLjI0Ni4wMzggMi40NC4yMTEgMy41NDYuNjA3LjYyOC0uNDY5IDEuMjk1LS44NDcgMS45NjItMS4yMi40MjkuMDU3Ljc5MS4zODUgMS4yMzYuMjh6IiBvcGFjaXR5PSIuMSIvPjwvc3ZnPg==);
}

.footer__grid {
  position: relative;
  background: #ead694;
  border-radius: 50%;
  margin-top: -6em;
  text-align: center;
  color: #845b2d;
}
.footer__grid__img,
.footer__grid__content {
  position: absolute;
  left: 0;
  right: 0;
}
.footer__grid__img {
  top: 0;
}

.footer__grid__img img {
    width: 60px;
    margin-top: 20px;
}

.footer__grid__content {
  top: 50%;
  font-family: 'Italia', arial;
  line-height: 1.1;
}


.grid-footer__element {
  width: 20%;
}

/* Layout wrapper */
.header-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Optional: spacing for the quick-links */
.quick-links {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

/* Social icons wrapper */
.social-icons {
  display: flex;
  gap: 15px;
}

/* Base link styling */
.footer__link {
  color: #ead694;
  text-decoration: none;
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
}

.footer__link:focus,
.footer__link:hover,
.footer__link:active {
  color: #fff;
}

/* Instagram icon */
.footer__link-insta:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  background: url(/layout/images/instagram.svg) no-repeat center center;
  background-size: contain;
}

/* YouTube icon */
.footer__link-youtube:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  background: url(/layout/images/youtube.svg) no-repeat center center;
  background-size: contain;
}


.infos_small {
  font-size: .8571em; /* equiv 12px */
}





/*
 *****************************************************************
 * 07 -- forms
 *****************************************************************
 */

/* donne envie de cliquer sur un bouton */
label,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  cursor: pointer;
}

/* évite un resize potentiellement foireux */
textarea {
  resize: vertical;
}

label,
button,
input,
select {
  vertical-align: middle;
}

/* à adapter selon le design voulu */
input,
select,
textarea {
  border: 1px solid #ead694;
  border-radius: .5em;
  padding: .5em;
  width: 250px;
  /** fix typo inputs **/
  font-family: inherit;
  font-size: .9em;
}

select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 265px;
}

.select__tri {
  border-radius: 0;
  background: #845B2D url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX///////9VfPVsAAAAAXRSTlMAQObYZgAAAChJREFUeNpjYEACCcwMBewMFnwMMjIMfBYM7AUMzA8YGA8wMDTAlQAAVfIEOpbpfukAAAAASUVORK5CYII=) 95% 50% no-repeat;
  color: #EAD694;
  width: 200px;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-family: 'italia', arial;
}
.select__tri.bl {
  width: 100%;
}

.map {
  border-radius: 50%;
}

/* pour les textes des champs */
.label {
    display: inline-block;
    width: 130px;
    font-family: 'Italia',arial;
    font-weight: normal;
    color: #845b2d;
}

/* à adapter selon le design voulu */
.button,
.button--brown,
.button-where {
  background: #1c5631;
  border-radius: 2em;
  color: #fff;
  padding: .5em 1em;
  text-decoration: none;
  border: 0;
}
.button:focus,
.button:hover,
.button:active {
  background: #163a23;
  color: #fff;
}
.button--brown {
  background: #845b2d;
}
.button--brown:focus,
.button--brown:hover,
.button--brown:active {
  background: #163a23;
  color: #fff;
}
.button-where {
  background: #EAD694;
  color: #845b2d;
  font-family: 'italia', arial;
}
.button-where:focus,
.button-where:hover,
.button-where:active {
  background: #d8c387;
}
.button-where__icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../../layout/images/icon-where.svg) 0 0 no-repeat;
  position: relative;
  top: 2px;
}

.button-shop {
  background: #EAD694;
  color: #845b2d;
  font-family: 'italia', arial;
  border-radius: 2em;
  padding: .5em 1em;
  text-decoration: none;
  border: 0;
}

.button-shop:focus,
.button-shop:hover,
.button-shop:active {
  background: #d8c387;
  color: #845b2d;
}

.button-shop__icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../../layout/images/icon-shop.svg) 0 0 no-repeat;
  background-size: contain;
  position: relative;
  top: 2px;
  margin-right: 6px;
}

.shop-button-container {
  padding-top: 20px;
  text-align: center;
}

/* 
 * évite dimensionnement des radios, checkboxes et images
 * et un affichage différent sous IE 
 */
input[type="radio"],
input[type="checkbox"],
input[type="image"] {
  background-color: transparent;
  border: 0;
  width: auto;
}

/* pour annuler la taille des inputs ou autres */
.auto {
  width: auto;
}

/* messages d'erreur ou de confirmation */
.alert,
.alert input,
.alert textarea,
.alert select {
  color: #bf0000;
  font-weight: bold;
}
/* .redborder sert à débugger uniquement */
.alert input,
.alert textarea,
.alert select,
.redborder {
  border: 1px solid #bf0000;
}
.alert img {
  border: 0;
}
.ok {

}

/* 
 * peut être complété par les attributs HTML5 required
 * exemple avec une couleur, penser à ne pas uniquement transmettre l'info ainsi
 */
/*select:focus:required:invalid,
input:focus:required:invalid,
textarea:focus:invalid {
  background: #fef6f6;
  -moz-box-shadow: none;
}

input:focus:required:valid,
textarea:focus:required:valid,
select:focus:required:valid {
  background: #efe;
  -moz-box-shadow: none;
}*/




/*
 *****************************************************************
 * 08 -- dans le contenu (contenus spécifiques aux pages)
 *****************************************************************
 */

/* home */

.learn-more:after {
	content: url(../layout/images/learn-more-icon.svg);
    display: inline-block;
    height: 10px;
    width: 10px;
    position: relative;
    left: 5px;
}

.video {
	border-radius: 10px;
	}
	
.title-dancing {
font-size: 1.6em;
line-height: 1em;
margin: 0 auto;
padding: 1em 0;
font-family: 'dancing_script',arial;
font-weight: normal;
color: #845b2d;
}

.round {
 border-radius: .3125em;
}

/* carousel global styles */
.home-carrousel__control__list {
  position: absolute;
  list-style-type: none;
  top: 100%;
  right: 0;
  left: 0;
  padding-left: 0;
  text-align: center;
}
.home-carrousel__control__list__item {
  display: inline-block;
  margin: 0 .5em;
}
.home-carrousel__control__list__link {
  display: inline-block;
  width: .75em;
  height: .75em;
  background: #ead694;
  border: 1px solid #ead694;
  border-radius: 1em;
}

.home-carrousel__button-container {
  position: absolute;
  z-index: 10;
}
.home-carrousel__button__previous {
  bottom: 1.5em;
  left: 1em;
}
.home-carrousel__button__next {
  bottom: 1.5em;
  right: 1em;
}
.home-carrousel__button__button {
  margin: 0;
  padding: 0;
  background: transparent;
  max-width: 20px;
}

.carrousel__container {
  /*overflow: hidden;
  white-space: nowrap;*/
}
.carrousel__infos {
  background: #1f5532;
  padding: .5em;
  border-radius: 4em;
  text-align: center;
}
.carrousel__infos__more {
  display: block;
  margin: 0;
  font-family: 'italia', arial;
  font-size:  1.3em;
  text-transform: uppercase;
  color: #fff;
}
.carrousel__infos__h1 {
  display: block;
  font-size:  1.8em; /* equiv 50px */
  line-height: 1em /*0.84em*/;
  margin: 0 auto;
  padding: 0 1em .25em 1em;
  font-family: 'dancing_script', arial;
  font-weight: normal;
  color: #ead694;
}
.carrousel__infos__h1:active,
.carrousel__infos__h1:focus,
.carrousel__infos__h1:hover {
  color: #ead694;
}

/*.fade .carrousel__content {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  position: relative;
  -webkit-transition: left .5s ease-in;
  -moz-transition: left .5s ease-in;
  -o-transition: left .5s ease-in;
  -ms-transition: left .5s ease-in;
  transition: left .5s ease-in;
}*/
.carrousel__content[aria-hidden=true] {
  display: none;
}

/*.fade .carrousel__content .tofade {
  -webkit-animation: fadein 1s;
  -moz-animation:    fadein 1s;
  -o-animation:      fadein 1s;
  -ms-animation:     fadein 1s;
  animation:         fadein 1s;
}
.fade .carrousel__content[aria-hidden=true] .tofade {
  -webkit-animation: fadeout 1s;
  -moz-animation:    fadeout 1s;
  -o-animation:      fadeout 1s;
  -ms-animation:     fadeout 1s;
  animation:         fadeout 1s;
}

@-webkit-keyframes fadeout {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes fadeout {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes fadeout {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-ms-keyframes fadeout {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeout {
  0%   { opacity: 1; }
  100% { opacity: 0; }
}

@-webkit-keyframes fadein {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes fadein {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes fadein {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-ms-keyframes fadein {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadein {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}*/




/*.slider-home_nav.prev {
  left: 1em;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAoCAYAAAALz1FrAAAAdUlEQVR42u3XwQnAIBBE0S1pS7MTS7AUS7KE1QRzykEUZiBhPuz5gXpwzb5URPiYNMcRQIl3BQ08ZTRw1dDAHRw4RnaAUUUDbfspCxAggAM4FJhIggJMBH9clIsXJEjQ/6Fqp8G/qbQPN211oC1BtHWOtpiu6u++hke8gO2TAAAAAElFTkSuQmCC) 0 0 no-repeat;
  background-size: cover;
}
.slider-home_nav.next {
  right: 1em;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAoCAYAAAALz1FrAAAAiElEQVR42mNgGAjw////ACBuAOIEIBagtuEGQHz+Pyp4D7KMmpagW4AMEqgVRIRAAqWWNPwnDiRQYknCf+JBArmWCEAjmeYWkeKbUYtGLRq1aIhZFEAPi+7TpUAdvJbQPLhoHvE0T8KjFoxaMGoBnRp39Gqm0qXBTfuuA106QXTrztGlY0pLAACsDZjVEuC7wQAAAABJRU5ErkJggg==) 0 0 no-repeat;
  background-size: cover;
}
.svg .slider-home_nav.prev {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjVweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgMjUgNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI1IDQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMCwzOC4zMTdjLTEuMDI0LDAtMi4wNDctMC4zOTEtMi44MjktMS4xNzFMMi44NTQsMjIuODI5Yy0xLjU2Mi0xLjU2Mi0xLjU2Mi00LjA5NSwwLTUuNjU3TDE3LjE3MSwyLjg1NA0KCQljMS41NjItMS41NjIsNC4wOTUtMS41NjIsNS42NTcsMGMxLjU2MiwxLjU2MiwxLjU2Miw0LjA5NSwwLDUuNjU3TDExLjMzOSwyMGwxMS40ODksMTEuNDg5YzEuNTYyLDEuNTYyLDEuNTYyLDQuMDk1LDAsNS42NTcNCgkJQzIyLjA0NywzNy45MjcsMjEuMDI0LDM4LjMxNywyMCwzOC4zMTd6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==);
  background-size: cover;
}
.svg .slider-home_nav.next {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjVweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgMjUgNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI1IDQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik01LjY4MiwzOC4zMTdjMS4wMjQsMCwyLjA0Ny0wLjM5MSwyLjgyOS0xLjE3MWwxNC4zMTctMTQuMzE3YzEuNTYyLTEuNTYyLDEuNTYyLTQuMDk1LDAtNS42NTdMOC41MTEsMi44NTQNCgkJYy0xLjU2Mi0xLjU2Mi00LjA5NS0xLjU2Mi01LjY1NywwYy0xLjU2MiwxLjU2My0xLjU2Miw0LjA5NSwwLDUuNjU3TDE0LjM0MywyMEwyLjg1NCwzMS40ODljLTEuNTYyLDEuNTYyLTEuNTYyLDQuMDk1LDAsNS42NTcNCgkJQzMuNjM1LDM3LjkyNyw0LjY1OCwzOC4zMTcsNS42ODIsMzguMzE3eiIvPg0KPC9nPg0KPC9zdmc+DQo=);
  background-size: cover;
}*/
/*.caption {
  position: relative;
  z-index: 666;
}*/


/* savoir-faire */
.historique {
  background: url(../images/img_historique.png) 100% 0 no-repeat;
}

/* Label Suisse - 160x160px, present sur toutes les pages (remplace le div historique) */
.label-suisse {
  background: url(../images/label-suisse.svg) 100% center no-repeat;
  background-size: 160px 160px;
  min-height: 160px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}


/* Liste types pates */
.grid-pates__type {
  font-family: 'Italia', arial;
  display: inline-block;
  padding-right: 1.5em;
  /* cf subnav link pour facto icons */  
}

.grid-pates__element {
  width: 25%;
}

.grid-pates__img {
  border-radius: 50%;
  border: 1px solid #ead694;
}
.grid-pates__type--green {
  position: relative;
  z-index: 10;
  background: #1f5532 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAO0lEQVR42mNgoCb4//+/AxC//w8BCeQY0PAfFSSQ44L/lBqSMPwNMaCPARR5YUA1U5aQqJWUyc9M5AAAhikktBUgmL4AAAAASUVORK5CYII=) 95% 45% no-repeat;
  color: #fff;
  margin-top: -1.5em;
  display: block;
  padding: .5em 1em;
  border-radius: 1.5em;
  font-family: 'Italia', arial;
  text-align: left;
}
.svg .grid-pates__type--green {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTUuMTA1IDE1Yy4zOTEgMCAuNzgyLS4xNDkgMS4wODEtLjQ0OGw1LjQ3MS01LjQ3MWMuNTk3LS41OTcuNTk3LTEuNTY1IDAtMi4xNjJsLTUuNDcxLTUuNDcyYy0uNTk3LS41OTctMS41NjUtLjU5Ny0yLjE2MiAwcy0uNTk3IDEuNTY1IDAgMi4xNjJsNC4zOTEgNC4zOTEtNC4zOTEgNC4zOWMtLjU5Ny41OTctLjU5NyAxLjU2NSAwIDIuMTYyLjI5OS4yOTkuNjkuNDQ4IDEuMDgxLjQ0OHoiLz48L3N2Zz4=);
}
.grid-pates__type--green:focus,
.grid-pates__type--green:hover,
.grid-pates__type--green:active {
  color: #fff;
}


/* Affichage pâtes */
.fanion {
  position: absolute;
  left: 0;
  top: -1em;
  width: 62px;
  height: 87px;
  background: url(../images/fanion_purboeuf.png) 0 0 no-repeat;
  text-align: center;
  padding: 10px;
  font-family: 'Italia', arial;
  color: #845b2d;
  line-height: 1.3;
}
.svg .fanion {
  background: url(../images/fanion_purboeuf.svg) 0 0 no-repeat;
}
.fanion__big {
  font-size: 1.6429em;
  display: block;
}

/* tabs pâtes */
.pates-tabs__list {
  list-style-type: none;
  padding-left: 0;
  font-family: 'Italia', arial;
}
.pates-tabs__item {
  position: relative;
}
.pates-tabs__link,
.pates-tabs__button .expandmore__button {
  display: block;
  text-align: center;
  padding: .5em 0 1.9em 0;
  text-decoration: none;
  background: url(../images/triangle_tab.png) 50% 100% no-repeat;
  
}
.svg .pates-tabs__link,
.svg .pates-tabs__button .expandmore__button {
  background: url(../images/triangle_tab.svg) 50% 100% no-repeat;
}

.expandmore__button {
  background: transparent;
  font-size: inherit;
  font-family: 'Italia', arial;
  display: block;
  width: 100%;
}

.pates-tabs__link:focus,
.pates-tabs__link:hover,
.pates-tabs__link:active,
[aria-selected=true].pates-tabs__link,
.pates-tabs__button .expandmore__button:hover,
.pates-tabs__button .expandmore__button:active {
  background: url(../images/triangle_tab_vert.png) 48% 100% no-repeat;
  outline: 0;
}
/*.pates-tabs__link:focus {
  outline: 1px dotted;
}*/

.svg .pates-tabs__link:focus,
.svg .pates-tabs__link:hover,
.svg .pates-tabs__link:active,
.svg [aria-selected=true].pates-tabs__link,
.svg .pates-tabs__button .expandmore__button:hover,
.svg .pates-tabs__button .expandmore__button:active,
.svg .pates-tabs__button [aria-expanded=true].expandmore__button {
  background: url(../images/triangle_tab_vert.svg) 48% 100% no-repeat;
}

.pates-tabs__text {
  display: block;
  padding: 0 1em;
  border-left: 1px solid #ead694;
}



.img-presentation {
  border-radius: .5em;
  border: 1px solid #ead964;
  width: 200px;
  height: 160px;
}
.img-presentation__plus {
  position: absolute;
  top: 0;
  left: 0;
  background: #ead964;
  border-top-left-radius: .5em;
  border-bottom-right-radius: .5em;
  width: 1.5em;
  height: 1.5em;
  text-align: center;
  font-family: 'Italia', arial;
  font-weight: bold;
  font-size: 1.5em;
  line-height: 1.3;
}

/* recettes */
.liste__link {
  display: block;
  font-size:  1.5em; 
  font-family: 'Italia', arial;
  text-decoration: none;
  padding-right: 3em;
  line-height: 1.3;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAOUlEQVR42mNgAIKWaN0EIHZgwAagkv+hOAGbAgckBTgVJQygIkIK3uOVBGID6kgG4JREC0lMSSAAAKutZdcTGofJAAAAAElFTkSuQmCC) 95% 50% no-repeat;
}
.svg .liste__link {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjE2OCIgaGVpZ2h0PSIxMi44ODMiPjxwYXRoIGZpbGw9IiM4NDVCMkQiIGQ9Ik03LjU0OSA1Ljc0OGwtNS4zMDctNS4zMDdjLS4zNDgtLjM0OC0uOTExLS4zNDgtMS4yNTkgMGwtLjI1Ny4yNTdjLS4zNDguMzQ4LS4zNDguOTExIDAgMS4yNTlsNC40MjEgNC40MjEtNC40MjEgNC40MjFjLS4zNDguMzQ4LS4zNDguOTExIDAgMS4yNTlsLjI1Ni4yNTZjLjM0OC4zNDguOTExLjM0OCAxLjI1OSAwbDUuMDUxLTUuMDUxLjI1Ni0uMjU2Yy4zNDgtLjM0Ny4zNDgtLjkxMS4wMDEtMS4yNTl6Ii8+PC9zdmc+);
}


.title-pro {
	display: block;
  font-size:  1.5em; 
  font-family: 'Italia', arial;
  text-decoration: none;
  /*padding-right: 3em;*/
  line-height: 1.3;
	margin: 0;
	padding: 0;
}


/*
 *****************************************************************
 * 09 -- breakpoints mineurs entre desktop et tablettes
 *****************************************************************
 */

/*@media (max-width: 1225px) {*/
@media (max-width: 76.56em) {
  
  /* cacher bouts de ruban navigation, et prolonger le motif */
  .navigation-before,
  .navigation-after {
    display: none;
  }
  .navigation-container {
    background: #ead694 url(../images/roberto_motif-2.png) 0 0 repeat;
  }
  .svg .navigation-container {
    background: #ead694 url(../images/roberto_motif-2.svg) 0 0 repeat;
  }
  .navigation,
  .svg .navigation {
    background: transparent;
    background-image: none;
  }
  
  /* petit padding pour aérer */
  .centered_content,
  .logo {
    padding: 0 2em;
  }
  .centered_content--nopadding {
    padding: 0;
  }

.footer__grid__img img {
    width: 40px;
    margin-top: 25px;
}

}


/*@media (max-width: 900px) {*/
@media (max-width: 56.25em) {
  .navigation__hover {
    top: -1.3em;
  }
  #main {
    padding-top: 0;
  }
}


@media (max-width: 57.5em) {
  .footer__grid {
    margin-top: -5em;
  }
}


/*
 *****************************************************************
 * 10 -- homo tablettes - breakpoint majeur
 *****************************************************************
 */ 

/*@media (max-width: 850px) {*/
@media (max-width: 53.125em) {
   
  /* affichage des éléments */
  .nodesktop { display: block; }

  /* cachage des éléments inutiles, chabitte ! */
  .notablet { display: none; }
  
  /* linéarisation contenus flottants/table-layout */
  .autotablet {
    float: none;
    display: block;
    width: auto;
  }

  /**
   * adaptation structure globale (page / skip links / header / contenu principal / footer)
   */
  .logo {
    background-image: none;
  }

.footer__grid__img img {
    margin-top: 15px;
}
  
  

  
  .footer__grid__content {
    font-size: .8571em; /* equiv 12px */
  }
  
  .navigation__hover {
    display: none !important; /* c'est plus court */
  }
  .navigation__item:focus,
  .navigation__item:hover,
  .navigation__item:active,
  .navigation__item--active {
    background: #845b2d url(../images/roberto_motif.png) 0 0 repeat;
  }
  .svg .navigation__item:focus,
  .svg .navigation__item:hover,
  .svg .navigation__item:active,
  .svg .navigation__item--active {
    background: #845b2d url(../images/roberto_motif.svg) 0 0 repeat;
  }
  
  .navigation__subnav {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAPCAYAAAAGRPQsAAAAoUlEQVR42mNgGEjw////AGoaBgLzqWkYCJwHYgVsChzQMRGGgcB7DLX/MUECkpwCEPcD8f7/uEEDumHnkV0FpAWghhAL1iMbth/Ntef/kwbOYzUM5Gwsivfj8ep8kE8wDIOGESxwQYoMiA1fbIYV4Ix2VMPuo1uEzbAGuJNxG7YepxpsEYDHsAak2F6PK53tJzEnwCIJq2HvkWKMGHwf3TAA3dv5c+4dhD0AAAAASUVORK5CYII=) 0 0 no-repeat;
    padding-left: 0;
    text-align: center;
    list-style-type: none;
    font-family: "Italia",arial;
  }
  .svg .navigation__subnav {
    background: #ead694 url( data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0NSI+PHJlY3QgeD0iLTEiIHk9Ii0xIiBmaWxsPSIjRUFENjk0IiB3aWR0aD0iNDIiIGhlaWdodD0iNDciLz48cmVjdCB4PSItMSIgeT0iLTEiIGZpbGw9IiNFQUQ2OTQiIHdpZHRoPSI0MiIgaGVpZ2h0PSI0NyIvPjxwYXRoIG9wYWNpdHk9Ii41IiBmaWxsPSIjZmZmIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IiBkPSJNMzkuMTYzIDMuOTU3bDIuMjEzLTEuNjU2Yy0uNDQ1LjEwNS0uODA3LS4yMjMtMS4yMzUtLjI4LS42NjcuMzczLTEuMzM0Ljc1MS0xLjk2MiAxLjIyLTEuMTA2LS4zOTYtMi4zLS41NjktMy41NDYtLjYwNy0xLjgwNC4wOC0zLjQxOS41MzQtNC45MzUgMS4zMzctMS41MzYuOTc2LTMuMzYzIDIuNTE3LTMuMTEyIDQuNTM5LjEyNC41OC43NjIgMSAxLjMxMSAxLjA3NyAyLjEyMS4xNjIgMy43MTEtMS4zNTggNC45OTQtMi44OS0uMzQ5LjAwMS0uNjM3LS4xNDUtLjk5My0uMTMzLTEuMDQ0IDEuMDE1LTIuMDc5IDIuMjMtMy41ODIgMi4yODMtLjI5MS4wMDYtLjU2OC0uMTE5LS43MTgtLjM3NS0uMjEzLS40ODcuMDQ3LTEuMDA5LjI3Ny0xLjQyOCAyLjItMi43MTEgNS43OTctNC4xNDggOS4yNi0zLjA3Mi0uOTEzLjc5MS0xLjg3MSAxLjgzMi0yLjYyNSAyLjc2Mi0xLjQwOCAxLjc1NS0yLjc4OSAzLjUyNi0zLjgwNyA1LjQzNS0uNTE1LS4xNjktMS4wNzMtLjM3NC0xLjYxOS0uMTIzLS4xOTguMTExLS4yNTQuMzEyLS4yNS41MjIuMDgxLjMzMy40MTYuNjQ1Ljc0Ni43Mi4xNDEuMDUxLjMyOC0uMDI4LjQ1NC4wNTYtMS4yNDUgMS44NjUtMi42NTggMy42OC00LjQzOCA1LjE0NC0uMzYuMTMxLS45MTIuMjU5LTEuMjUxLjAwMS0uMTQyLS4xMDYtLjE2MS0uMjY2LS4xOC0uNDI4LjIyOC0xLjE1MiAxLjc1OC0uODk4IDIuMDU2LTIuMDIuMDI5LS4yLjA1Mi0uNDQ4LS4xMzktLjU4LS4xOC0uMTIxLS40MzQtLjExNy0uNjQ4LS4wNzUtLjk1NS4yNy0xLjczNCAxLjMzLTEuOTg4IDIuMjM0LS4xMTUuNTIuMDg3IDEuMDI5LjUxOSAxLjM0OSAxLjIxOC41NzcgMi42ODcuMTEgMy42OTgtLjYwMyAxLjQxOS0xLjIgMi41NDItMi41OTQgMy40ODctNC4wNzFsLjA2NC0uMDAxYy45MjQgMS4wNzggMS44MTMgMi4zMDggMy4wNTEgMy4xMTYgMS40NjguOTk4IDMuMTkzIDEuOTM4IDUuMDAyIDEuMjQ5LjMyLS4yMDUuNzUyLS40OTMuNjk1LS45MzktLjE3MS0uMTkxLS4xNjQtLjcxOS0uNTctLjU1MS0uNjUzLjU4OS0xLjczOS42ODgtMi41MTcuMzAzLTEuNzQzLS43NC0zLjQyNS0yLjMwNy00LjQ0NS0zLjkzMy42ODItLjEyNSAxLjM5MS0uMzI2IDIuMTA1LS40NDYgMi4zNjMtLjUxIDQuNjM0LTIuNjA5IDUuNDU2LTQuOTAzLjQ5OC0xLjQzMi4yODYtMy4wODgtLjgyNy00LjE2OGwtLjAwMS0uMDY1em0tMS4zMzEgNS4yNjJjLTEuMTg1IDEuOTI5LTMuMjQ1IDMuMDUzLTUuNDYzIDMuMjIybC0uMDAyLS4wODdjMS4yODQtMi4xMDggMi43NTMtNC4wODUgNC4zNTctNi4wNy40NzEtLjQ5My45NjktMS4wMDggMS40ODQtMS40NDguOTA2IDEuMzEuNCAzLjE3OC0uMzc2IDQuMzgzeiIvPjxwYXRoIG9wYWNpdHk9Ii41IiBmaWxsPSIjZmZmIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IiBkPSJNMTguODA1IDI2bDIuMjEzLTEuNjU2Yy0uNDQ1LjEwNS0uODA3LS4yMjMtMS4yMzYtLjI4LS42NjcuMzczLTEuMzM0Ljc1MS0xLjk2MiAxLjIyLTEuMTA2LS4zOTYtMi4zLS41NjktMy41NDYtLjYwNy0xLjgwNC4wOC0zLjQxOS41MzQtNC45MzUgMS4zMzctMS41MzYuOTc2LTMuMzYzIDIuNTE3LTMuMTEyIDQuNTM5LjEyMy41OC43NjEgMSAxLjMxMiAxLjA3NyAyLjEyMS4xNjIgMy43MTEtMS4zNTggNC45OTQtMi44OS0uMzQ5LjAwMS0uNjM3LS4xNDUtLjk5My0uMTMzLTEuMDQ0IDEuMDE1LTIuMDc5IDIuMjMtMy41ODIgMi4yODMtLjI5MS4wMDYtLjU2OC0uMTE5LS43MTgtLjM3NS0uMjEzLS40ODcuMDQ3LTEuMDA5LjI3Ny0xLjQyOCAyLjItMi43MTEgNS43OTctNC4xNDggOS4yNi0zLjA3Mi0uOTEzLjc5MS0xLjg3MSAxLjgzMi0yLjYyNSAyLjc2Mi0xLjQwOCAxLjc1NS0yLjc4OSAzLjUyNi0zLjgwNyA1LjQzNS0uNTE1LS4xNjktMS4wNzMtLjM3NC0xLjYxOS0uMTIzLS4xOTguMTExLS4yNTQuMzEyLS4yNS41MjIuMDgxLjMzMy40MTYuNjQ1Ljc0Ni43Mi4xNDEuMDUxLjMyOC0uMDI4LjQ1NC4wNTYtMS4yNDUgMS44NjUtMi42NTggMy42OC00LjQzOCA1LjE0NC0uMzYuMTMxLS45MTIuMjU5LTEuMjUxLjAwMS0uMTQyLS4xMDYtLjE2MS0uMjY2LS4xOC0uNDI4LjIyOC0xLjE1MiAxLjc1OC0uODk4IDIuMDU2LTIuMDIuMDI5LS4yLjA1Mi0uNDQ4LS4xMzktLjU4LS4xOC0uMTIxLS40MzQtLjExNy0uNjQ4LS4wNzUtLjk1NS4yNy0xLjczNCAxLjMzLTEuOTg4IDIuMjM0LS4xMTUuNTIuMDg3IDEuMDI5LjUxOSAxLjM0OSAxLjIxOC41NzcgMi42ODcuMTEgMy42OTgtLjYwMyAxLjQxOS0xLjIgMi41NDItMi41OTQgMy40ODctNC4wNzFsLjA2NC0uMDAxYy45MjQgMS4wNzggMS44MTMgMi4zMDggMy4wNTEgMy4xMTYgMS40NjguOTk4IDMuMTkzIDEuOTM4IDUuMDAyIDEuMjQ5LjMyLS4yMDUuNzUyLS40OTMuNjk1LS45MzktLjE3MS0uMTkxLS4xNjQtLjcxOS0uNTctLjU1MS0uNjUzLjU4OS0xLjczOS42ODgtMi41MTcuMzAzLTEuNzQzLS43NC0zLjQyNS0yLjMwNy00LjQ0NS0zLjkzMy42ODItLjEyNSAxLjM5MS0uMzI2IDIuMTA1LS40NDYgMi4zNjMtLjUxIDQuNjM0LTIuNjA5IDUuNDU2LTQuOTAzLjQ5OC0xLjQzMi4yODYtMy4wODgtLjgyNy00LjE2OGwtLjAwMS0uMDY1em0tMS4zMyA1LjI2MmMtMS4xODUgMS45MjktMy4yNDUgMy4wNTMtNS40NjMgMy4yMjJsLS4wMDItLjA4N2MxLjI4NC0yLjEwOCAyLjc1My00LjA4NSA0LjM1Ny02LjA3LjQ3MS0uNDkzLjk2OC0xLjAwOCAxLjQ4NC0xLjQ0OC45MDYgMS4zMS40IDMuMTc4LS4zNzYgNC4zODN6Ii8+PHBhdGggb3BhY2l0eT0iLjUiIGZpbGw9IiNmZmYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXciIGQ9Ik0tLjgwMiAzLjk1N2wyLjIxMy0xLjY1NmMtLjQ0NS4xMDUtLjgwNy0uMjIzLTEuMjM2LS4yOC0uNjY3LjM3My0xLjMzNC43NTEtMS45NjIgMS4yMi0xLjEwNi0uMzk2LTIuMy0uNTY5LTMuNTQ2LS42MDctMS44MDQuMDgtMy40MTkuNTM0LTQuOTM1IDEuMzM3LTEuNTM2Ljk3Ni0zLjM2MyAyLjUxNy0zLjExMiA0LjUzOS4xMjMuNTguNzYxIDEgMS4zMTIgMS4wNzcgMi4xMjEuMTYyIDMuNzExLTEuMzU4IDQuOTk0LTIuODktLjM0OS4wMDEtLjYzNy0uMTQ1LS45OTMtLjEzMy0xLjA0NCAxLjAxNS0yLjA3OSAyLjIzLTMuNTgyIDIuMjgzLS4yOTEuMDA2LS41NjgtLjExOS0uNzE4LS4zNzUtLjIxMy0uNDg3LjA0Ny0xLjAwOS4yNzctMS40MjggMi4yLTIuNzExIDUuNzk3LTQuMTQ4IDkuMjYtMy4wNzItLjkxMy43OTEtMS44NzEgMS44MzItMi42MjUgMi43NjItMS40MDggMS43NTUtMi43ODkgMy41MjYtMy44MDcgNS40MzUtLjUxNS0uMTY5LTEuMDczLS4zNzQtMS42MTktLjEyMy0uMTk4LjExMS0uMjU0LjMxMi0uMjUuNTIyLjA4MS4zMzMuNDE2LjY0NS43NDYuNzIuMTQxLjA1MS4zMjgtLjAyOC40NTQuMDU2LTEuMjQ1IDEuODY1LTIuNjU4IDMuNjgtNC40MzggNS4xNDQtLjM2LjEzMS0uOTEyLjI1OS0xLjI1MS4wMDEtLjE0Mi0uMTA2LS4xNjEtLjI2Ni0uMTgtLjQyOC4yMjgtMS4xNTIgMS43NTgtLjg5OCAyLjA1Ni0yLjAyLjAyOS0uMi4wNTItLjQ0OC0uMTM5LS41OC0uMTgtLjEyMS0uNDM0LS4xMTctLjY0OC0uMDc1LS45NTUuMjctMS43MzQgMS4zMy0xLjk4OCAyLjIzNC0uMTE1LjUyLjA4NyAxLjAyOS41MTkgMS4zNDkgMS4yMTguNTc3IDIuNjg3LjExIDMuNjk4LS42MDMgMS40MTktMS4yIDIuNTQyLTIuNTk0IDMuNDg3LTQuMDcxbC4wNjQtLjAwMWMuOTI0IDEuMDc4IDEuODEzIDIuMzA4IDMuMDUxIDMuMTE2IDEuNDY4Ljk5OCAzLjE5MyAxLjkzOCA1LjAwMiAxLjI0OS4zMi0uMjA1Ljc1Mi0uNDkzLjY5NS0uOTM5LS4xNzEtLjE5MS0uMTY0LS43MTktLjU3LS41NTEtLjY1My41ODktMS43MzkuNjg4LTIuNTE3LjMwMy0xLjc0My0uNzQtMy40MjUtMi4zMDctNC40NDUtMy45MzMuNjgyLS4xMjUgMS4zOTEtLjMyNiAyLjEwNS0uNDQ2IDIuMzYzLS41MSA0LjYzNC0yLjYwOSA1LjQ1Ni00LjkwMy40OTgtMS40MzIuMjg2LTMuMDg4LS44MjctNC4xNjhsLS4wMDEtLjA2NXptLTEuMzMxIDUuMjYyYy0xLjE4NSAxLjkyOS0zLjI0NSAzLjA1My01LjQ2MyAzLjIyMmwtLjAwMi0uMDg3YzEuMjg0LTIuMTA4IDIuNzUzLTQuMDg1IDQuMzU3LTYuMDcuNDcxLS40OTMuOTY5LTEuMDA4IDEuNDg0LTEuNDQ4LjkwNiAxLjMxLjQgMy4xNzgtLjM3NiA0LjM4M3oiLz48L3N2Zz4=) 0 0 repeat;
  }
  .navigation__subnav__link {
    display: block;
    padding: .5em;
    text-decoration: none;
  }
  .navigation__subnav__link--active {
    color: #000;
  }
  
  
  /**
   * dans le contenu (contenus spécifiques aux pages)
   */
  .grid-pates__element {
    width: 33%;
  }

}




/*
 *****************************************************************
 * 11 -- breakpoints mineurs entre tablettes et mobile
 *****************************************************************
 */


/*
 *****************************************************************
 * 12 -- mobile - breakpoint majeur
 *****************************************************************
 */

/*@media (max-width: 700px) {*/
@media (max-width: 43.75em) {

  /* affichage des éléments */
  .notablet { display: block; }

  /* cachage des éléments inutiles, chabitte ! */
  .nomobile, .breadcrumb { display: none; }

  /* linéarisation contenus flottants/table-layout */
  .automobile {
    float: none;
    display: block;
    width: auto;
  }
  
  .leftcontent {
    display: none;
  }
  .onmobile-aligncenter {
    text-align: center;
  }
  .onmobile-mt1 {
    margin-top: 1em;
  }
  .onmobile-mb1 {
    margin-bottom: 1em;
  }
  .onmobile-ml0 {
    margin-left: 0;
  }
  
  .onmobile-mw70p { max-width: 70px; }

  /**
   * adaptation structure globale (page / skip links / header / contenu principal / footer)
   */
  .content {
    padding-bottom: 1em;
	padding-left:0;
  }
  .navigation {
    margin-top: 0;
  }
  .navigation__item {
    border-top: 1px solid #888;
  }
  .navigation__link {
    padding: 1.25em ;
  }
  
  .grid-footer__element {
    width: 50%;
    border-top: 1px solid #997359;
    padding-top: 1em;
  }
  .grid-footer__element__last {
    width: 100%;
  }
  
  .grid-footer__element--noborder { border-top: 0; }
  
  /**
   * dans le contenu (contenus spécifiques aux pages)
   */
  .grid-pates__element {
    width: 50%;
  }
   
   
  .carrousel__infos__more {
    font-size: 1em;
  }
  .carrousel__infos__h1 {
    font-size: 1.5em;
  }
  .home-carrousel__button__previous,
  .home-carrousel__button__next {
    bottom: .75em;
  }
  .home-carrousel__button__previous {
    left: .5em;
  }
  .home-carrousel__button__next {
    right: .5em;
  }

  /* recettes */
  .liste__link {
    font-size: 1.3em;
  }


}




/*
 *****************************************************************
 * 13 -- breakpoints mineurs tout petit mobile
 *****************************************************************
 */

/*@media (max-width: 360px) {*/
@media (max-width: 22.5em) {

  .grid-footer__element {
    width: 100%;
  }
}

/*@media (max-width: 310px) {*/
@media (max-width: 19.375em) {
  .home-carrousel__button__previous,
  .home-carrousel__button__next {
    display: none;
  }
  
  .grid-pates__element {
    width: 100%;
  }
  
}


/*
 *****************************************************************
 * 14 -- print
 *****************************************************************
 */

@media print {
  /* ajouter là-dedans les éléments qui ont besoin d'être
   * resetés de manière très bourrine pour le print
   */
  body,
  html,
  #page,
  .reset4print,
  .logo,
  .content,
  .centered_content {
    background-color: #fff;
    background-image: none;
    border: 0;
    box-shadow: none;
    color: #000;
    float: none;
    height: auto;
    margin: 0;
    max-width: 100%;
    min-height: auto;
    padding: 0;
    position: static;
    width: auto;
  }

  body {
    padding: .5em;
  }

  /* cachage des éléments inutiles, chabitte ! */
  .noprint,
  .button {
    display: none;
  }
  
  /* affichage éléments spécifiques au print */
  .onprint {
    display: block !important;
  }
  
  /* éviter saut de page hasardeux */
  blockquote, ul, ol {
    page-break-inside: avoid;
  }
  h1, h2, h3, caption {
    page-break-after: avoid;
  }
  
  
  .expandmore__button {
    background-image: none !important;
    text-align: left !important;
    margin-top: 1em !important;
    padding-bottom: 0 !important;
  }
  
  /* affichage des liens, sauf pour image contenue */
  /* attention, penser à vérifier le résultat et penser 
   * à limiter cette possibilité aux liens dans le contenu */
  /*a:after {
    content: " (" attr(href) ") ";
  }
  a:after img {
    content: "";
  }*/

  /* ici fix propriétés particulières */


} /* end print */




/*
 *****************************************************************
 * 15 -- fix viewport
 *****************************************************************
 */

/* fix viewport pour Win8 (snap mode) et préparer le jour 
 * où le viewport sera supporté par tous les moteurs 
 *  
 * Exemples : http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/
 * width=device-width   => width: device-width;
 * height=device-height => height: device-height;
 * initial-scale=2      => zoom: 2;
 * maximum-scale=2      => max-zoom: 2;
 * minimum-scale=0.5    => min-zoom: 0.5;
 * user-scalable=no     => user-zoom: fixed;
 * 
 * pour le snap mode de Win8 => seul width: device-width; fonctionne pour l'instant  
 */

@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}




/*
 *****************************************************************
 * 16 -- règles d'état
 *****************************************************************
 */

/*
 * Règles d'état = mises en bas pour être prioritaires
 *
 */

/*
.is-hidden {

}
*/
.subnav__subnav[aria-hidden=true],
.tabs__tabcontent[aria-hidden=true] {
  display: none;
}

.home-carrousel__control__list__link:focus,
.home-carrousel__control__list__link:hover,
.home-carrousel__control__list__link:active,
.home-carrousel__control__list__link[aria-selected=true]{
  background: #845B2D;
  outline: 0;
}

.navigation[aria-hidden="true"] {
  display: none;
}
.js-to_expand[aria-hidden=true] {
  display: none;
}


/*
 *****************************************************************
 * 17 -- bonus : Fixes IE
 *****************************************************************
 */

/*  
 * basé sur les classes conditionnelles sur l'élément HTML
 *  
 * à utiliser seulement si peu de corrections et 
 * pas d'impact sur les perfs sur les autres navigateurs
 *       
 */

/* less than IE 9 */
.oldies .nooldies {
  display: none;
}

.ie6 .noie6 {
  display: none;
}
.ie7 .noie7 {
  display: none;
}
.ie8 .noie8 {
  display: none;
}
.ie9 .noie9 {
  display: none;
}

.ie7 .col,
.ie7 .col-noalign,
.ie6 .col,
.ie6 .col-noalign {
  float: left;
}
.ie7 .row,
.ie6 .row {
  overflow: auto;
}








/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/* Correctifs mobile : colonne Restaurateurs et label suisse */
@media (max-width: 43.75em) {
  .leftcontent.leftcontent--restaurateurs {
    display: block;
    float: none;
    width: auto;
    padding-bottom: 1em;
  }

  .leftcontent--restaurateurs .boxpromo.nomobile {
    display: block;
  }

  .leftcontent--restaurateurs .boxpromo,
  .leftcontent--restaurateurs .boxnews {
    margin-left: 0;
    margin-right: 0;
  }

  .label-suisse {
    background-position: center top;
    background-size: 100px 100px;
    min-height: 0;
    padding-top: 110px;
    padding-bottom: 0;
    display: block;
  }
}