/* -------------------------------------------
	HTML5 Reset base Boilerplate
---------------------------------------------*/
/* *{box-sizing: content-box!important;} */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
fieldset {
  display: block;
}

abbr[title] {
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 5px;
  border: 1px solid #ccc;
}

input,
select {
  vertical-align: middle;
}

body {
  font: 1em/1.231 sans-serif;
  *font-size: small;
  color: #303130;
}

select,
input,
textarea,
button {
  font: 99% sans-serif;
  margin: 0;
}

ol {
  list-style-type: decimal;
}

ul,
ol {
  list-style-position: inside;
  list-style: none;
}

li,
dd {
  margin-left: 15px;
}

strong,
th {
  font-weight: bold;
}

em {
  font-style: italic;
}

td {
  vertical-align: middle;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

textarea {
  overflow: auto;
}

input[type="button"],
input[type="submit"],
input[type="image"],
button {
  cursor: pointer;
}

a:link {
  -webkit-tap-highlight-color: #0a246a;
}

/* -------------------------------------------
	titres
---------------------------------------------*/
h1,
.h1-like {
  font-size: 1.8em;
}

h2,
.h2-like {
  font-size: 1.4em;
}

h3,
.h3-like {
  font-size: 1.3em;
}

h4,
.h4-like {
  font-size: 1.1em;
}

/* -------------------------------------------
	effets visuels
---------------------------------------------*/
.rounded {
  border-radius: 12px;
}

.normal-font {
  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
}

.underline {
  text-decoration: underline;
}

.no-underline {
  text-decoration: none;
}

.strong {
  font-weight: bold;
}

.light {
  font-weight: normal;
}

.big {
  font-size: 2em;
}

.small {
  font-size: 0.8em;
}

.caps {
  text-transform: uppercase;
}

.italic {
  font-style: italic;
}

/* -------------------------------------------
	couleurs
---------------------------------------------*/
.white {
  color: #fff;
}

.red {
  color: #cc0000;
}

.grey {
  color: #666;
}

.black {
  color: #000;
}

/* -------------------------------------------
	positionnement
---------------------------------------------*/
.wrapper {
  width: 1000px;
  margin: 0 auto;
}

.in-block {
  display: inline-block;
  vertical-align: middle;
}

.in-block-top {
  display: inline-block;
  vertical-align: top;
}

.clear {
  clear: both;
}

.left {
  float: left;
}

.right {
  float: right;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.block-center {
  margin: 0 auto;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

.align-left {
  text-align: left;
}

.col-1-2 {
  width: 49.7%;
}

.col-1-3 {
  width: 33.1%;
}

.col-2-3 {
  width: 66%;
}

.col-1-4 {
  width: 24.8%;
}

.col-3-4 {
  width: 74.7%;
}

.col-separate .col-1-2 {
  width: 47.7%;
  margin-left: 4%;
}

.col-separate .col-1-3 {
  width: 30.6%;
  margin-left: 4%;
}

.col-separate .col-2-3 {
  width: 64.6%;
  margin-left: 4%;
}

.col-separate .col-1-4 {
  width: 21.9%;
  margin-left: 4%;
}

.col-separate .col-3-4 {
  width: 74.0%;
  margin-left: 4%;
}

.col-separate .first-col {
  margin-left: 0;
}

.container-894 {
  width: 100%;
  max-width: 924px;
}

body {
  overflow: scroll;
}

/* -------------------------------------------
	tarteaucitron
---------------------------------------------*/
body #tarteaucitronRoot * {
  font-family: Arial !important;
}

body #tarteaucitronRoot span {
  visibility: visible;
}

body #tarteaucitronRoot #tarteaucitronAlertBig {
  width: calc(100% - 20px) !important;
  background: #000000;
  display: flex !important;
  flex-wrap: wrap !important;
  max-width: 1250px;
  margin: 0 auto;
  box-shadow: 0 3000px 0 3000px #000000;
  padding: 20px 20px 40px 20px;
  box-sizing: border-box;
}

body #tarteaucitronRoot #tarteaucitronAlertBig[style*='none'] {
  display: none !important;
}

body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
  order: 1;
  flex: 0 0 auto;
  width: 100%;
  text-align: left;
  font-size: 1.25rem;
  font-weight: 600;
  padding: 0 0 5px 0;
  visibility: visible;
}

body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert div {
  font-size: 1rem !important;
  color: #fff;
  font-weight: 400;
  padding: 20px 0;
}

@media (max-width: 767.98px) {
  body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
    font-size: 1.125rem;
  }

  body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert div {
    font-size: 0.813rem !important;
  }
}

body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
  order: 2;
  flex: 0 0 auto;
  width: 100%;
  text-align: left;
  font-size: 0.813rem;
  color: #E4E4E4;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #E4E4E4;
  margin: 0 0 20px 0;
  text-decoration: none;
}

body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl:hover {
  text-decoration: underline;
}

body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2 {
  order: 3;
  flex: 0 0 auto;
  background: #fff;
  color: #000000;
  width: auto;
  margin: 0;
  padding: 5px 10px;
  font-size: 0.875rem !important;
  font-weight: 600;
  font-variant: normal;
  border-radius: 4px;
}

body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2:hover {
  text-decoration: underline;
}

body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
  order: 4;
  flex: 0 0 auto;
  background: #fff;
  color: #000000;
  width: auto;
  margin: 0 10px;
  padding: 5px 10px;
  font-size: 0.875rem !important;
  font-weight: 600;
  font-variant: normal;
  border-radius: 4px;
}

body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert:hover {
  text-decoration: underline;
}

body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2 {
  order: 5;
  flex: 0 0 auto;
  background: #E12120;
  color: #fff;
  width: auto;
  margin: 0;
  padding: 5px 10px;
  font-size: 0.875rem !important;
  font-weight: 600;
  font-variant: normal;
  border-radius: 4px;
}

body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2:hover {
  text-decoration: underline;
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronPrivacyUrlDialog {
  background: none;
  color: #fff;
  text-decoration: underline;
  text-transform: none;
  line-height: 1.125rem;
  font-size: 0.9375rem !important;
  font-variant: normal;
  font-weight: 500;
}

body #tarteaucitronRoot #tarteaucitron .tarteaucitronAllow {
  background: #E12120;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.125rem;
  font-size: 0.9375rem !important;
  font-variant: normal;
  letter-spacing: 0.21px;
  font-weight: 600;
}

body #tarteaucitronRoot #tarteaucitron .tarteaucitronDeny {
  color: #fff;
  text-transform: uppercase;
  line-height: 1.125rem;
  font-size: 0.9375rem !important;
  font-variant: normal;
  letter-spacing: 0.21px;
  font-weight: 600;
}

div#tarteaucitronRoot.tarteaucitronBeforeVisible:before {
  z-index: 2147483640 !important;
}

@media (max-width: 767.98px) {
  body #tarteaucitronRoot div#tarteaucitronAlertBig {
    padding: 25px 16px !important;
  }

  body #tarteaucitronRoot div#tarteaucitronAlertBig button#tarteaucitronCloseAlert,
  body #tarteaucitronRoot div#tarteaucitronAlertBig button#tarteaucitronPersonalize2,
  body #tarteaucitronRoot div#tarteaucitronAlertBig button#tarteaucitronAllDenied2 {
    font-size: 12px !important;
  }

  body #tarteaucitronRoot div#tarteaucitronAlertBig #tarteaucitronAllDenied2 {
    margin-left: auto;
  }

  body #tarteaucitronRoot div#tarteaucitronAlertBig #tarteaucitronPersonalize2 {
    margin-right: auto;
  }

  body #tarteaucitron #tarteaucitronServices .tarteaucitronBorder .tarteaucitronLine .tarteaucitronAllow {
    margin-left: 0px !important;
  }
}

@media screen and (max-width: 374px) {
  div#tarteaucitronRoot div#tarteaucitronAlertBig button {
    margin: 0 10px 10px 0 !important;
    display: block !important;
  }
}

/* -------------------------------------------
	menus
---------------------------------------------*/
.menu {
  position: relative;
  z-index: 100;
  max-width: 1280px;
  padding-left: 10px;
  padding-right: 10px;
  background: url(img/bg-menu.png) no-repeat 0 0;
  padding-top: 27px;
}

.menu ul.main-menu li {
  display: inline-block;
  vertical-align: top;
  margin: 0px 20px 0px 0px;
}

.menu ul.main-menu li a {
  font-size: 12px;
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
}

.menu ul.main-menu li a:hover,
.menu ul.main-menu li.active a {
  color: #d81e05;
}

/* sous menu */
.sous-menu {
  width: 761px;
  background: #FFF;
  margin-top: 14px;
  box-shadow: 0 10px 10px -10px #333 inset;
  color: #d81e05;
  text-align: left;
  padding: 15px 70px 15px 70px
}

.sous-menu .titre-sous-menu {
  font-size: 13px;
  font-weight: bold;
  margin: 0px;
}

.sous-menu .titre-sous-menu li {
  display: inline-block;
  vertical-align: top;
  border-bottom: 1px solid #d81e05;
  width: 220px;
  margin: 0px 0px 15px 0px;
}

.sous-menu .titre-sous-menu li:first-child,
.sous-menu .titre-sous-menu li:first-child+li {
  margin-right: 40px;
}

.sous-menu .titre-sous-menu li a {
  color: #d81e05;
  text-decoration: none;
}

.sous-menu .rubrique-sous-menu {
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  width: 220px;
}

.sous-menu ul:first-child+ul,
.sous-menu ul:first-child+ul+ul {
  margin-right: 40px;
}

.sous-menu .rubrique-sous-menu li {
  display: block;
  margin: 0px;
}

.sous-menu .rubrique-sous-menu li a {
  color: #d81e05;
  text-decoration: none;
}

.sous-menu .rubrique-sous-menu li a:hover {
  text-decoration: underline;
}

/* -------------------------------------------
	cache-cache
---------------------------------------------*/
.hidden {
  display: none;
}

.invisible {
  visibility: hidden;
}

.no-bullet>li {
  list-style: none;
}

/* -------------------------------------------
	tables avec bordures arrondies
---------------------------------------------*/
.base-table {
  border-radius: 15px;
}

.base-table tr:first-child td:first-child,
.base-table tr:first-child th:first-child {
  border-top-left-radius: 14px;
}

.base-table tr:first-child td:last-child,
.base-table tr:first-child th:last-child {
  border-top-right-radius: 14px;
}

.base-table tr:last-child td:first-child,
.base-table tr:last-child th:first-child {
  border-bottom-left-radius: 14px;
}

.base-table tr:last-child td:last-child,
.base-table tr:last-child th:last-child {
  border-bottom-right-radius: 14px;
}

/* -------------------------------------------
	Structure
---------------------------------------------*/
body {
  background: #000000 url(img/bg-header.jpg) no-repeat center top;
  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  font-size: 12px;
}

.header {
  max-width: 1280px;
  position: relative;
}

.header img.logo-charal {
  margin: 15px 0px 15px 0px;
}

.header .block-login {
  width: 277px;
  height: auto;
  padding-bottom: 5px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#331a1a1a, endColorstr=#331a1a1a);
  background: rgba(26, 26, 26);
  background: rgba(26, 26, 26, 0.4);
  position: absolute;
  top: 0px;
  right: 197px;
}

.header .block-login p {
  font-size: 16px;
  line-height: 16px;
  font-style: italic;
  text-align: left;
  padding: 10px 0px 0px 18px;
}

.header .block-login p a {
  font-size: 12px;
  font-style: normal;
  text-align: left;
}

.header .block-login form {
  text-align: left;
  padding: 10px 0px 0px 18px;
}

.header .block-login form input.email,
.header .block-login form input.mdp {
  width: 200px;
  height: 32px;
  background: #e2e2e2;
  border: none;
  color: #676767;
  font-size: 14px;
  padding: 0px 0px 0px 6px;
  margin: 0px 0px 5px 0px;
}

.header .block-login form input#submit {
  width: 30px;
  height: 30px;
  background: #FFF;
  font-size: 14px;
  color: #676767;
  border: none;
  border-radius: 50%;
  margin: 0px 0px 0px 10px;
}

.header .block-login p.txt-mdp-oublie {
  font-size: 11px;
  text-align: left;
  padding: 0px 0px 0px 18px;
}

.header .block-login p.txt-mdp-oublie a {
  font-size: 11px;
}

.header .block-newsletter {
  width: 277px;
  height: 102px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#331a1a1a, endColorstr=#331a1a1a);
  background: rgba(26, 26, 26);
  background: rgba(26, 26, 26, 0.4);
  position: absolute;
  top: 0px;
  right: 197px;
}

.header .block-newsletter p {
  font-style: italic;
  text-align: left;
  padding: 14px 0px 0px 14px;
}

.header .block-newsletter form {
  text-align: left;
  padding: 10px 0px 0px 14px;
}

.header .block-newsletter form input#newsletter {
  width: 161px;
  height: 32px;
  background: #e2e2e2 url(img/picto-newsletter.png) no-repeat 8px 10px;
  border: none;
  color: #676767;
  font-size: 14px;
  padding: 0px 0px 0px 45px;
}

.header .block-newsletter form input#submit {
  width: 30px;
  height: 30px;
  background: #FFF;
  font-size: 14px;
  color: #676767;
  border: none;
  border-radius: 50%;
  margin: 0px 0px 0px 10px;
}


/* -------------------------------------------
	content principal
---------------------------------------------*/
.content-global {
  width: 1280px;
  margin: 0px auto 0px auto;
}

.content,
.content-index {
  width: 901px;
  background: #e6e6e6;
  margin-top: -27px;
  position: relative;
}

.content {
  padding: 10px 0px 50px 0px;
}

.content-index {
  padding: 55px 0px 50px 0px;
}

.content p.titre,
.content-index p.titre {
  font-family: 'Bree Serif', serif, Arial;
  font-size: 27px;
}

.content h1.titre {
  font-family: 'Bree Serif', serif, Arial;
  font-size: 25px;
}

.content p.sous-titre,
.content-index p.sous-titre {
  font-size: 15px;
}

.content p.texte,
.content-index p.texte {
  font-size: 15px;
  font-weight: bold;
}

.text-intro {
  font-size: 14px;
  font-style: italic;
  margin: 0px 55px 0px 55px;
}

.text-intro-resultat-gamme {
  font-size: 14px;
  font-style: italic;
  margin: 0px 150px 0px 150px;
}

/* -------------------------------------------
	fil ariane
---------------------------------------------*/
.fil-ariane {
  font-family: 'Bree Serif', serif, Arial;
  font-size: 11px;
  margin: 15px 0px 25px 55px;
  position: relative;
  text-transform: uppercase;
}

.fil-ariane a {
  color: #000;
  text-decoration: none;
}

/* -------------------------------------------
	footer
---------------------------------------------*/
.footer {
  max-width: 901px;
  padding: 30px 0px 0px 0px;
}

.footer ul .separator {
  position: relative;
  margin: 0px 13px 0px 0px;
}

.footer ul li.separator::after {
  content: '';
  width: 0;
  height: 10px;
  border-right: 1px solid #ccc;
}

.footer ul li {
  font-size: 11px;
  color: #FFF;
  font-weight: bold;
  margin: 0px 13px 0px 0px;
}


.footer ul li.uppercase {
  text-transform: uppercase;
}

.footer ul li a {
  color: #FFF;
  text-decoration: none;
}

.footer ul.txt-sante li {
  margin: 5px 36px 10px 0px;
}

/* -------------------------------------------
	Formulaires
---------------------------------------------*/
label {
  display: inline-block;
  position: relative;
  float: none;
}

span.intitule {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

input {
  padding: 0;
}

.message span.intitule {
  vertical-align: top;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
}

.chk-content label,
.rad-content label {
  display: inline-block;
}

.rad-content .intitule-rad {
  display: block;
}

input.error,
select.error,
textarea.error {
  color: red;
  border: 1px solid red;
}

input.error:focus,
select.error:focus,
textarea.error:focus {
  color: #444;
}

/* -------------------------------------------
	Choix type presentation forms
---------------------------------------------*/
/* base form */
.base-form label {
  margin: 0 0 10px;
  width: 100%;
}

.base-form span.intitule {
  width: 48%;
  padding-right: 2%;
  font-size: 0.8em;
  line-height: 22px;
  text-align: right;
}

.base-form input {
  width: 49%;
  height: 1.2em;
  border: 1px solid #ececec;
}

.base-form input[type="submit"] {
  width: auto;
  height: auto;
  padding: 0 10px;
}

.base-form input[type="checkbox"],
.base-form input[type="radio"] {
  margin-right: 2px;
  width: 13px;
  height: 13px;
  border: 0;
}

.base-form select {
  width: auto;
  height: 1.2em;
}

.base-form textarea {
  width: 49%;
  height: 4em;
  border: 1px solid #ececec;
  resize: none;
}

.base-form .chk-content label span.intitule,
.base-form .rad-content label span.intitule {
  width: auto;
}

.base-form .rad-content .intitule-rad {
  font-size: 0.8em;
}

/* form fields 100% */
.block-form span.intitule {
  display: block;
  width: 100%;
  padding-right: 0;
  text-align: left;
  background: none;
}

.block-form input[type="text"],
.block-form input[type="password"],
.block-form textarea {
  display: block;
  width: 50%;
}

.block-form .chk-content label span.intitule,
.block-form .rad-content label span.intitule {
  display: inline-block;
  width: 80%;
}

/* erreurs php */
.frm_msg_invalid,
.frm_msg_valid {
  width: 805px;
  margin: 10px 0;
  padding: 20px;
  text-align: center;
}

.frm_msg_invalid {
  color: #d81e05;
}

.frm_msg_valid {
  color: #058b15;
}

.frm_msg_invalid li,
.frm_msg_valid li {
  margin: 5px 0px 5px 0px;
}

/* -------------------------------------------
	Formulaire d'inscription utilise en popup
	et sur la page profil
---------------------------------------------*/
form#frm_profil {
  margin: 25px 0px 0px 30px;
}

form#frm_profil label {
  width: 100%;
}

form#frm_profil select {
  width: 244px;
  background: #f0eceb;
  border: none;
  color: #656868;
  font-size: 15px;
  font-weight: bold;
  padding: 3px 5px;
}

form#frm_profil select#cible {
  color: #d81e05;
  margin: 8px 0px 8px 0px;
}

form#frm_profil input {
  width: 235px;
  background: #f0eceb;
  border: none;
  display: block;
  padding: 5px 5px;
  margin: 8px 0px 0px 0px;
  font-size: 13px;
  color: #656868;
  font-weight: bold;
}

form#frm_profil fieldset span {
  font-size: 12px;
}

form#frm_profil input#submit {
  width: 110px;
  background: #d81e05;
  font-size: 18px;
  color: #FFF;
  font-weight: bold;
  border-radius: 0px 0px 5px 5px;
  box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.7);
  margin: 20px 0px 0px 135px;
}

form#frm_profil a#mdp_toggle {
  color: #656868;
  font-weight: bold;
}

form#frm_profil .label-newsletter input {
  display: inline;
  width: 30px;
  margin: 0px;
}

p.mentions {
  font-size: 10px;
  color: #656868;
  margin: 35px 0px 0px 30px;
}

/* -------------------------------------------
	Pop up
---------------------------------------------*/
.popup-around {
  width: auto;
  height: auto;
  bottom: 0px;
  position: fixed;
  right: 0px;
  left: 0px;
  top: 0px;
  z-index: 500;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C01b1b1b, endColorstr=#C01b1b1b);
  background: rgba(27, 27, 27);
  background: rgba(27, 27, 27, 0.6);
}

#popup-context .pop-up-entree {
  width: 925px;
  height: 654px;
  background: #FFF;
  position: absolute;
  left: 50%;
  margin-left: -462px;
  top: 50%;
  margin-top: -327px;
  z-index: 501;
}

/* Pop up entree de la home */
#popup-context .pop-up-entree h2 {
  font-family: 'Bree Serif', serif, Arial;
  font-size: 27px;
  color: #d81e05;
  background: #e6e6e6;
  margin: 48px 96px 0px 96px;
  padding: 15px 0px 15px 0px;
}

#popup-context .pop-up-entree ul {
  margin: 45px 0px 0px 96px;
}

#popup-context .pop-up-entree ul li {
  margin: 0px 20px 0px 0px;
}

/* -------------------------------------------
	Pop up connexion / inscription
---------------------------------------------*/
#popup-login .pop-up-entree {
  width: 700px;
  height: 700px;
  background: #FFF;
  position: absolute;
  left: 50%;
  margin-left: -350px;
  top: 50%;
  margin-top: -350px;
  z-index: 501;
}

#popup-login .pop-up-entree .btn-close {
  font-size: 20px;
  color: #d81e05;
  font-weight: bold;
  float: right;
  margin: 10px;
  cursor: pointer;
}

#popup-login form#frm_login2,
#popup-login div.block-inscription-popup {
  width: 45%;
  display: inline-block;
  vertical-align: top;
}

#popup-login p {
  font-size: 16px;
  color: #656868;
  font-style: italic;
  font-weight: normal;
}

#popup-login form#frm_login2 {
  margin: 25px 0px 0px 30px;
}

#popup-login form#frm_login2 p {
  margin: 0px 0px 20px 0px;
}

#popup-login form#frm_login2 label {
  width: 100%;
}

#popup-login form#frm_login2 input {
  width: 235px;
  background: #f0eceb;
  border: none;
  display: block;
  padding: 5px 5px;
  margin: 8px 0px 0px 0px;
  font-size: 13px;
  color: #656868;
  font-weight: bold;
}

#popup-login form#frm_login2 input.btn-validez {
  width: 110px;
  background: #d81e05;
  font-size: 18px;
  color: #FFF;
  font-weight: bold;
  border-radius: 0px 0px 5px 5px;
  box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.7);
  position: absolute;
  left: 165px;
  top: 215px;
}

#popup-login form#frm_login2 .txt-mdp-oublie {
  margin-top: 15px;
}

#popup-login form#frm_login2 .txt-mdp-oublie a {
  font-size: 14px;
  color: #656868;
  text-decoration: underline;
  font-style: normal;
}


#popup-login div.block-inscription-popup {
  background: url(img/separateur-popup.gif) no-repeat 0 100px;
}

#popup-login div.block-inscription-popup p {
  margin: 25px 0px 0px 30px;
}

#popup-login div.block-inscription-popup p.mentions {
  font-size: 10px;
  margin-top: 15px;
}

/* -------------------------------------------
	Pop up inscription newsletter ok
---------------------------------------------*/
.pop-up-newsletter {
  width: 564px;
  height: 298px;
  background: #FFF;
  position: absolute;
  top: -135px;
  right: 0px;
  z-index: 501;
}

.pop-up-newsletter img {
  float: right;
  margin: 8px 8px 0px 0px;
}

.pop-up-newsletter p {
  font-family: 'Bree Serif', serif, Arial;
  font-size: 27px;
  color: #000;
  margin: 48px 96px 0px 96px;
  padding: 15px 0px 15px 0px;
}

/* -------------------------------------------
	Specificite par pages
---------------------------------------------*/
/* Home */
.slider {
  width: 841px;
  position: relative;
}

.slider .slide {
  position: relative;
}

.slider .slide-1 p,
.slider .slide-3 p {
  font-family: 'Bree Serif', serif, Arial;
  font-size: 22px;
  color: #FFF;
  position: absolute;
  top: 0px;
  margin: 30px 0px 0px 30px;
}

.slider .slide-2 p {
  font-family: 'Bree Serif', serif, Arial;
  font-size: 22px;
  color: #FFF;
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 30px 30px 0px 0px;
}

.slider .slide p a {
  color: #FFF;
  text-decoration: none;
  display: block;
}

.slider .slick-dots {
  position: absolute;
  bottom: 0px;
  z-index: 50;
}

.slider .slick-dots li {
  display: inline-block;
  vertical-align: top;
}

.slider .slick-dots li button {
  font-size: 0px;
  background: transparent;
}

.slider .slick-dots li button:after {
  content: url(img/bullet-point.png);
}

.slider .slick-dots li button:before {
  content: "";
}

.slider .slick-dots li.slick-active button:after {
  content: url(img/bullet-point-active.png);
}

#home_slider .slide.slide-flex.slide-2 {
  display: flex;
  min-height: 376px;
}

#home_slider .slide.slide-flex.slide-2 .text-container {
  padding-left: 58px;
  padding-top: 77px;
  width: 383px;
  background-color: #000000;
}

#home_slider .slide.slide-flex.slide-2 .text-container .logo {
  width: 232px;
  max-width: 232px;
  height: 81px;
}

#home_slider .slide.slide-flex.slide-2 .text-container .text {
  position: relative;
  left: 0;
  top: 0;
  padding: 14px 0 35px;
  max-width: 267px;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  text-align: left;
  font-family: "Poppins";
  font-weight: 500;
}

#home_slider .slide.slide-flex.slide-2 .text-container .red-button {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #CC0000;
  max-width: 166px;
  min-height: 33px;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 18px;
  color: white;
  font-weight: 500;
  font-family: "Poppins";
  text-decoration: none;
}

#home_slider .slide.slide-flex.slide-2 .image-container {
  width: 462px;
  min-width: 462px;
}

#home_slider .slide.slide-flex.slide-2 .image-container img {
  max-width: 100%;
  height: auto;
}

#home_slider .slide.slide-flex.slide-1 {
  display: flex;
  min-height: 376px;
  background-color: #000000;
}

#home_slider .slide.slide-flex.slide-1 .text-container {
  padding-left: 0;
  padding-top: 77px;
  width: 383px;
  background-color: #000000;
}

#home_slider .slide.slide-flex.slide-1 .text-container .logo {
  width: 232px;
  max-width: 232px;
  height: 81px;
}

#home_slider .slide.slide-flex.slide-1 .text-container .text {
  position: relative;
  left: 0;
  top: 0;
  padding: 14px 0 35px;
  max-width: 282px;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  text-align: left;
  font-family: "Poppins";
  font-weight: 500;
}

#home_slider .slide.slide-flex.slide-1 .text-container .red-button {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #CC0000;
  max-width: 166px;
  min-height: 33px;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 18px;
  color: white;
  font-weight: 500;
  font-family: "Poppins";
  text-decoration: none;
}

#home_slider .slide.slide-flex.slide-1 .image-container {
  width: 369px;
  min-width: 369px;
}

#home_slider .slide.slide-flex.slide-1 .image-container img {
  max-width: 100%;
  height: auto;
}

.block-recherche {
  position: relative;
  width: 377px;
  min-height: 255px;
  background: #d81e05 url(img/picto-loupe.png) no-repeat 320px 100px;
  padding: 6px 0px 0px 15px;
}

.block-recherche p.titre {
  line-height: 29px;
  margin: 0px 0px 10px 0px;
}

.block-recherche p.sous-titre {
  margin: 0px 0px 22px 0px;
}

.block-recherche p.texte {
  line-height: 15px;
  margin-bottom: 10px;
}

.block-recherche select#categorie {
  max-width: 264px;
  width: 100%;
  height: 34px;
  font-size: 14px;
  border: none;
  margin: 0px 0px 16px 30px;
}

.block-recherche select#besoin {
  width: 123px;
  height: 32px;
  font-size: 14px;
  border: none;
  margin: 0px 0px 0px 30px;
}

.block-recherche input.btn-recherche {
  position: absolute;
  height: 38px;
  font-size: 20px;
  color: #FFF;
  font-weight: bold;
  border: none;
  background: #a4b700 url(img/picto-chevron.png) no-repeat 12px 10px;
  padding: 0 16px 0 32px;
  top: 198px;
  right: 25px;
}

.block-recherche.responsive {
  display: none;
}

.block-recette-moment {
  width: 417px;
  height: 255px;
  position: relative;
}

.block-recette-moment .bg-white,
.block-qui-sommes-nous .bg-white,
.block-valeurs-marque .bg-white,
.block-expertise-rhd .bg-white {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#80ffffff);
  background-color: rgba(255, 255, 255, 0.7) !important;
  position: absolute;
  width: 100%;
  border-bottom: 1px solid #000;
}

.block-recette-moment p.titre,
.block-qui-sommes-nous p.titre,
.block-valeurs-marque p.titre,
.block-expertise-rhd p.titre {
  line-height: 42px;
}

.block-recette-moment p.titre:before {
  content: url(img/picto-grill.png);
  position: absolute;
  top: 2px;
  left: 5px;
}

.block-qui-sommes-nous {
  width: 841px;
  height: 300px;
  background: #FFF;
  position: relative;
}

.block-qui-sommes-nous p.titre {
  width: 756px;
  padding: 0px 0px 0px 85px;
}

.block-qui-sommes-nous p.titre:before {
  content: url(img/picto-vache.png);
  position: absolute;
  top: 4px;
  left: 10px;
}

.block-qui-sommes-nous p.txt-qui-sommes-nous {
  font-size: 14px;
  padding: 60px 15px 0px 15px;
}

.block-qui-sommes-nous p.accroche-qui-sommes-nous {
  font-family: 'Bree Serif', serif, Arial;
  font-size: 16px;
  padding: 5px 15px 0px 15px;
}

.block-qui-sommes-nous p.accroche-qui-sommes-nous span {
  font-size: 22px;
}

.block-qui-sommes-nous ul {
  margin: 15px 0px 0px 25px;
}

.block-qui-sommes-nous ul li {
  margin: 0px 20px 0px 0px;
}

.block-qui-sommes-nous p.en-savoir-plus {
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.block-valeurs-marque {
  width: 841px;
  height: 206px;
  background: #FFF;
  position: relative;
}

.block-valeurs-marque p.titre {
  width: 100%;
  padding: 0px 0px 0px 470px;
}

.block-valeurs-marque p.titre:before {
  content: url(img/picto-couteau.png);
  position: absolute;
  top: 4px;
  left: 390px;
}

.block-valeurs-marque img {
  float: left;
  margin-right: 38px;
}

.block-valeurs-marque p.txt-valeurs-marque {
  font-size: 14px;
  padding: 85px 15px 0px 0px;
}

.block-valeurs-marque p.txt-valeurs-marque span {
  font-weight: bold;
}

.block-valeurs-marque p.en-savoir-plus {
  font-size: 12px;
  font-weight: bold;
  margin-top: 25px;
}

.block-expertise-rhd {
  width: 841px;
  height: 209px;
  background: #FFF;
  position: relative;
}

.block-expertise-rhd p.titre {
  width: 771px;
  padding: 0px 0px 0px 70px;
}

.block-expertise-rhd p.titre:before {
  content: url(img/picto-toque.png);
  position: absolute;
  top: 1px;
  left: 10px;
}

.block-expertise-rhd p.txt-expertise-rhd {
  font-size: 14px;
  padding: 80px 15px 0px 15px;
}

.block-expertise-rhd p.txt-expertise-rhd span {
  font-weight: bold;
}

.block-expertise-rhd img {
  float: right;
}

.block-expertise-rhd p.en-savoir-plus {
  font-size: 12px;
  font-weight: bold;
  margin: 30px 0px 0px 15px;
}

#home_slider {
  overflow: hidden;
}

#home_slider .slides p {
  margin: 5px;
  padding: 0;
  left: 75%;
  top: 3%;
  text-align: center;
}

#home_slider .slick-slide img {
  display: block;
  width: 75%;
  /* max-height: 235px; */
  overflow: hidden;
}

abbr {
  text-decoration: none;
}

/* Page gamme sous gamme */
.lien-catalogue-pdf {
  margin: 0px 0px 10px 637px;
}

.lien-catalogue-pdf a {
  color: #d81e05;
}

.container-produits-gamme {
  margin-top: 40px;
}

.menu-gauche {
  width: 100px;
  height: 550px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C01b1b1b, endColorstr=#C01b1b1b);
  background: rgba(27, 27, 27);
  background: rgba(27, 27, 27, 0.9);
  margin: 0px 0px 0px 15px;
  box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
}

.menu-gauche p {
  font-family: 'PT Sans', sans-serif;
  font-size: 21px;
  color: #FFF;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  line-height: 20px;
  padding: 5px 0px 30px 0px;
}

.menu-gauche li {
  font-family: 'PT Sans', sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  margin: 0px 2px 0px 2px;
  list-style-position: outside;
}

.menu-gauche li a {
  color: #FFF;
  text-decoration: none;
}

.menu-gauche li img {
  margin: 10px 0px 10px 0px;
}

.block-produits-gamme-sous-gamme {
  width: 780px;
  margin: 0px 0px 0px0px;
}

.produits-gamme-sous-gamme {
  width: 228px;
  height: 210px;
  border: 8px solid #FFF;
  margin: 0px 0px 20px 10px;
  position: relative;
}

.produits-gamme-sous-gamme .bg-white {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#80ffffff);
  background-color: rgba(255, 255, 255, 0.7) !important;
  position: absolute;
  width: 218px;
}

.produits-gamme-sous-gamme p.titre {
  font-size: 21px;
  padding: 0px 5px 5px 5px;
}

.produits-gamme-sous-gamme p.titre a {
  text-decoration: none;
  text-transform: uppercase;
}

.produits-gamme-sous-gamme .new-product {
  position: absolute;
  bottom: 13px;
  right: 13px;
  background-color: rgb(48, 91, 216);
  color: white;
  padding: 5px 19px;
  line-height: 1;
  letter-spacing: 0.6px;
  font-weight: 600;
  border-radius: 4px;
}


/* Page produits avec menu onglets */
.block-produits {
  padding: 10px 55px 20px 55px;
  overflow: hidden;
}

.block-produits img.visuel-produit {
  float: left;
  margin-right: 25px;
}

.block-produits h1.nom-produit {
  font-family: 'Bree Serif', serif, Arial;
  color: #d81e05;
  font-size: 19px;
  margin-bottom: 10px;
}

.block-produits p.code {
  font-family: 'Bree Serif', serif, Arial;
  color: #000;
  font-size: 14px;
  margin-bottom: 10px;
}

.block-produits p.texte {
  color: #3d3d3d;
  font-size: 15px;
  margin: 15px 0px 0px 253px;
}

.texte-responsive {
  display: none;
  padding: 15px;
  color: #d81e05;
  font-size: 12px;
  text-align: center;
}

.produits {
  width: 844px;
}

@-moz-document url-prefix() {
  .produits {
    width: 844px;
  }
}

/* Hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .produits {
    width: 846px;
  }
}

/* Menu avec les onglets */
.menu-produits {
  font-weight: bold;
  background: #FFF url(img/px-rouge.gif) repeat-x right bottom;
  font-size: 0px;
}

.menu-produits li {
  margin: 0px;
  padding: 14px 15px 10px 15px;
  border-bottom: 2px solid #d81e05;
  border-top: 2px solid #FFF;
  background: #FFF url(img/separateur-menu-produits.gif) no-repeat left 0px;
}

@-moz-document url-prefix() {
  .menu-produits li {
    padding: 14px 15px 10px 15px;
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .menu-produits li {
    padding: 14px 15px 10px 15px;
  }
}

.menu-produits li:hover {
  cursor: pointer;
}

.menu-produits li.first {
  background: #FFF;
}

.menu-produits li.active {
  border-bottom: 2px solid #FFF;
  border-top: 2px solid #d81e05;
  border-left: 2px solid #d81e05;
  border-right: 2px solid #d81e05;
  background: #FFF;
}

.menu-produits li.active+li {
  background: #FFF;
}

.menu-produits li p {
  font-size: 12px;
}

.menu-produits li {
  color: #3d3d3d;
  line-height: 26px;
}

.menu-produits li.active {
  color: #d81e05;
  line-height: 26px;
}

/* Onglet Remise en oeuvre */
.block-remise-oeuvre {
  background: #FFF;
  padding-bottom: 30px;
  border-bottom: 2px solid #d81e05;
  border-left: 2px solid #d81e05;
  border-right: 2px solid #d81e05;
}

.block-remise-oeuvre li {
  display: flex;
  padding: 38px 60px 26px 25px;
}

.block-remise-oeuvre li .img-container {
  min-width: 181px;
}

.block-remise-oeuvre li .text-container {
  padding-left: 44px;
}

.block-remise-oeuvre li .text-container .title {
  position: relative;
  padding-top: 0;
  font-family: "Pinyon Script";
  font-size: 28px;
  line-height: 35px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.04em;
  color: #CC0000;
}

.block-remise-oeuvre li .text-container .title::after {
  content: '';
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 41px;
  height: 2px;
  background-color: #CC0000;
}

.block-remise-oeuvre li .text-container p.text {
  padding-top: 11px;
  font-family: "Poppins";
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.block-remise-oeuvre li .text-container p.text br {
  display: none;
}

@media (min-width: 992px) {
  .block-remise-oeuvre li .text-container p.text br {
    display: inline;
  }
}

/* Onglet les plus produit */
.block-les-plus-produits {
  background: #FFF;
  padding-bottom: 30px;
  border-bottom: 2px solid #d81e05;
  border-left: 2px solid #d81e05;
  border-right: 2px solid #d81e05;
}

.block-les-plus-produits ul {
  font-family: 'Bree Serif', serif, Arial;
  color: #010101;
  font-size: 16px;
  padding: 15px 0px 0px 25px;
}

.block-les-plus-produits ul li {
  background: url(img/plus-charal-active.png) no-repeat 0 0;
  padding-left: 30px;
  margin: 0px 0px 10px 0px;
}

/* Onglet les photos */
.block-photos {
  background: #FFF;
  padding-bottom: 30px;
  border-bottom: 2px solid #d81e05;
  border-left: 2px solid #d81e05;
  border-right: 2px solid #d81e05;
}

.photos {
  width: 300px;
  height: 316px;
  margin: 60px 10px 0px 0px;
  position: relative;
  padding: 0px 20px 0px 20px;
}

.photos .bg-white {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#80ffffff);
  background-color: rgba(255, 255, 255, 0.7) !important;
  border-bottom: 1px solid #000;
  position: absolute;
  width: 290px;
  height: 43px;
}

.photos p.titre {
  font-size: 20px;
  padding: 0px 5px 0px 10px;
  width: 285px;
  height: 43px;
  line-height: 43px;
  text-align: left;
}

.photos p.titre span {
  width: 250px;
  vertical-align: middle;
  display: inline-block;
  /* Permet de centrer le texte verticalement */
  line-height: normal;
}

.photos p.titre img {
  vertical-align: middle;
  display: inline-block;
  /* Permet de centrer le texte verticalement */
  line-height: normal;
}

/* Onglet conseils de preparation */
.block-conseil-preparation {
  background: #FFF;
  padding-bottom: 30px;
  text-align: center;
  border-bottom: 2px solid #d81e05;
  border-left: 2px solid #d81e05;
  border-right: 2px solid #d81e05;
}

.block-conseil-preparation .texte p {
  color: #3d3d3d;
  padding: 15px 20px 0px 20px;
  text-align: left;
}

.block-conseil-preparation p.titre-video {
  font-family: 'Bree Serif', serif, Arial;
  color: #d81e05;
  font-size: 19px;
  margin: 40px 0px 10px 0px;
}

/* Onglet infos techniques */
.block-infos-techniques {
  background: #FFF;
  padding-bottom: 30px;
  font-family: 'Bree Serif', serif, Arial;
  border-bottom: 2px solid #d81e05;
  border-left: 2px solid #d81e05;
  border-right: 2px solid #d81e05;
  position: relative;
}

.block-infos-techniques img.picto-imprimer {
  float: right;
  margin: 20px 22px 0px 0px;
}

.block-infos-techniques a.download {
  position: absolute;
  right: 20px;
  top: 20px;
  text-align: center;
  font-family: Arial;
  font-size: 11px;
  color: #000;
  text-decoration: none;
}

.block-infos-techniques p.titre {
  font-size: 20px;
  color: #d81e05;
  text-align: center;
  padding: 15px 0px 0px 0px;
  margin-bottom: 10px;
}

.block-infos-techniques p.sous-titre {
  font-size: 21px;
  color: #d81e05;
  text-align: center;
  padding: 40px 0px 0px 0px;
  margin: 0px 120px 20px 120px;
  border-bottom: 3px solid #bdbdbd;
}

.block-infos-techniques p.sous-titre.conservation {
  border: none;
  margin-bottom: 0px;
}

.block-infos-techniques p.titre-conditionnement {
  font-size: 14px;
  color: #d81e05;
  padding: 10px 120px 0px 120px;
}

.block-infos-techniques ul {
  padding: 5px 120px 0px 105px;
}

.block-infos-techniques ul li {
  font-size: 13px;
  margin-top: 5px;
  border-bottom: 1px solid #bdbdbd;
}

.block-infos-techniques ul.conservation li {
  border: none;
}

.block-infos-techniques ul li span {
  display: block;
}

.block-infos-techniques ul li span:first-child {
  float: left;
  width: 230px;
}

.block-infos-techniques ul li span:last-child {
  margin-left: 230px;
  color: #d81e05;
}

/* Onglet recettes et page Vos recettes*/
.block-recette {
  background: #FFF;
  padding-bottom: 30px;
  font-family: 'Bree Serif', serif, Arial;
  font-size: 13px;
  overflow: hidden;
  border-bottom: 2px solid #d81e05;
  border-left: 2px solid #d81e05;
  border-right: 2px solid #d81e05;
}

.choix-recette {
  text-align: center;
  margin: 15px 15px 0px 15px;
}

.choix-recette li {
  display: inline-block;
  vertical-align: top;
}


#tab-recettes .description-recette {
  position: relative;
  margin-top: 70px;
}

#tab-recettes .description-recette .nom-recette {
  position: absolute;
  width: 94%;
  margin-left: 25px;
}

#tab-recettes .description-recette p.titre {
  font-size: 20px;
  color: #d81e05;
  display: inline-block;
  vertical-align: middle;
  margin-left: 265px;
  width: 62%;
  border-bottom: 1px solid #d81e05;
}

#tab-recettes .description-recette img.visuel-recette {
  float: left;
  margin: 0px 40px 40px 25px;
}

#tab-recettes .description-recette a.download {
  float: right;
  margin: 60px 22px 0px 0px;
  text-align: center;
  font-family: Arial;
  font-size: 11px;
  color: #000;
  text-decoration: none;
}

#tab-recettes .description-recette p.nb-pers {
  line-height: 35px;
  margin: 115px 0px 0px 0px;
  position: relative;
}

#tab-recettes .description-recette p.nb-pers:before {
  content: url(img/picto-assiette.png);
  position: absolute;
  top: 0px;
  left: 300px;
}

#tab-recettes .description-recette p.tps-preparation {
  padding-top: 80px;
}

#tab-recettes .description-recette p.tps-cuisson {
  line-height: 35px;
}

#tab-recettes .description-recette p.cout {
  line-height: 35px;
}

#tab-recettes .description-recette p.cout img {
  vertical-align: middle;
  margin: 0px 2px;
}

#tab-recettes .description-recette p.sous-titre {
  font-size: 17px;
  color: #d81e05;
  margin: 30px 0px 0px 25px;
  padding: 0px;
}

#tab-recettes .etapes-preparation {
  margin: 0px 25px 0px 25px;
}

#tab-recettes .etapes-preparation ol {
  list-style-type: decimal;
}

#tab-recettes .description-recette p.ingredients {
  margin: 10px 0px 0px 25px;
}

#tab-recettes .description-recette p.ingredients span.first {
  margin: 0px 7px 0px 0px;
}

#tab-recettes .description-recette p.ingredients span {
  margin: 0px 7px 0px 7px;
}

#tab-recettes .description-recette .etapes-preparation p {
  margin: 10px 25px 0px 25px;
}

#tab-recettes .description-recette .dressage p {
  margin: 10px 25px 0px 25px;
}

#tab-recettes .description-recette p.dressage span {
  margin: 0px 7px 0px 7px;
}

#tab-recettes .description-recette p.sous-titre.ingredients {
  border-bottom: 1px solid #000;
}

#tab-recettes .description-recette p.sous-titre.ingredients+ul {
  margin-top: 15px;
}

.produits-gamme-onglet {
  width: 228px;
  height: auto;
  margin: 0px 10px 35px 0px;
  position: relative;
}

.produits-gamme-onglet p.bg-white {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#80ffffff);
  background-color: rgba(255, 255, 255, 0.7) !important;
  position: absolute;
  width: 218px;
}

.produits-gamme-onglet p.titre {
  font-size: 18px;
  padding: 0px 5px 5px 5px;
  text-align: left;
}

.produits-gamme-onglet p.titre:before {
  content: "";
}

.produits-gamme-onglet p.titre a {
  text-decoration: none;
  color: #000;
}

.produits-gamme-onglet a img {
  width: 228px;
  height: auto;
}

.produits-gamme-onglet-photos {
  margin: 10px;
}

.separateur-recette {
  width: 850px;
  height: 20px;
  background: #e6e6e6;
  margin: 30px 0px 0px -40px;
}

/* Page vos recettes */
.titre-vos-recettes {
  margin: 45px 0px 0px 125px;
  position: relative;
}

.titre-vos-recettes:before {
  content: url(img/picto-grill.png);
  position: absolute;
  top: -18px;
  left: -70px;
}

.block-vos-recettes {
  width: 840px;
  margin: 40px 0px 0px 55px;
}

#tab-recettes.block-vos-outils-resultats {
  background: #FFF;
  width: 850px;
  margin-top: 20px;
  padding-bottom: 20px;
  font-family: "Bree Serif", serif, Arial;
}

#tab-recettes.block-vos-outils-resultats p.sous-titre.black {
  padding-left: 65px;
}

#tab-recettes.block-vos-outils-resultats p.txt-titre-recherche {
  padding-left: 65px;
}

#tab-recettes.block-vos-outils-resultats .description-recette {
  margin-left: 40px;
  margin-right: 30px;
}

#tab-recettes.block-vos-outils-resultats .description-recette ul li {
  margin-left: 25px;
}

#tab-recettes.block-vos-outils-resultats .description-recette ul li a {
  color: #000;
}

/* Page resultat produit */
.picto-vbf {
  float: right;
  margin: -20px 140px 0px 0px;
}

.block-resultat-produits {
  width: 600px;
  margin: 40px 0px 0px 55px;
}

.resultat-produits {
  width: 242px;
  height: 322px;
  border: 7px solid #FFF;
  margin: 0px 35px 35px 0px;
  position: relative;
}

.resultat-produits .bg-white {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#80ffffff);
  background-color: rgba(255, 255, 255, 0.7) !important;
  position: absolute;
  width: 232px;
  border-bottom: 1px solid #000;
}

.resultat-produits p.titre {
  font-size: 20px;
  padding: 0px 5px 5px 5px;
}

.resultat-produits p.titre a {
  text-decoration: none;
}

.resultat-produits p.en-savoir-plus {
  width: 98px;
  height: 23px;
  background: #aaba1e url(img/picto-chevron-mini.png) no-repeat 15px 7px;
  font-size: 14px;
  font-weight: bold;
  padding: 4px 0px 0px 30px;
  position: absolute;
  bottom: 10px;
  left: 0px;
  right: 0px;
  margin: 0px auto 0px auto;
}

.resultat-produits p.en-savoir-plus a {
  text-decoration: none;
}

/* Page resultat gamme */
.block-resultat-gamme {
  width: 850px;
  margin: 40px 0px 0px 45px;
}

.resultat-gamme {
  width: 228px;
  height: 273px;
  border: 6px solid #FFF;
  margin: 0px 40px 35px 0px;
  position: relative;
}

.resultat-gamme .bg-white {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#80ffffff);
  background-color: rgba(255, 255, 255, 0.7) !important;
  position: absolute;
  width: 218px;
  height: 60px;
}

.resultat-gamme p.titre {
  font-size: 20px;
  padding: 0px 5px 0px 5px;
  width: 218px;
  height: 60px;
  line-height: 60px;
}

.resultat-gamme p.titre a {
  text-decoration: none;
}

.resultat-gamme p.titre span {
  width: 218px;
  vertical-align: middle;
  display: inline-block;
  /* Permet de centrer le texte verticalement */
  line-height: normal;
  /* on r�tablit le line-height */
}

/* Page vos outils */
.titre-vos-outils {
  font-size: 25px;
  margin: 20px 0px 0px 125px;
  position: relative;
}

.titre-vos-outils:before {
  content: url(img/picto-loupe-noir.png);
  position: absolute;
  top: 0px;
  left: -70px;
}

.block-vos-outils-rechercher {
  width: 645px;
  height: 223px;
  background: url(img/bg-ban-vos-outils.jpg) no-repeat 0 0;
  margin-top: 20px;
  position: relative;
}

.block-vos-outils-rechercher p.sous-titre {
  font-family: 'Bree Serif', serif, Arial;
  font-size: 16px;
  padding: 20px 0px 0px 25px;
  margin-bottom: 50px;
}

.block-vos-outils-rechercher select#fiches-techniques,
.block-vos-outils-rechercher select#famille {
  display: block;
  width: 264px;
  height: 33px;
  border: none;
  font-size: 14px;
  color: #676767;
  margin: 0px 0px 18px 45px;
}

.block-vos-outils-rechercher input.btn-recherche {
  position: absolute;
  height: 38px;
  font-size: 20px;
  color: #FFF;
  font-weight: bold;
  border: none;
  background: #a4b700 url(img/picto-chevron.png) no-repeat 12px 10px;
  padding: 0 16px 0 32px;
  bottom: 25px;
  right: 50px;
}

.block-vos-outils-resultats p.sous-titre {
  font-family: 'Bree Serif', serif, Arial;
  font-size: 16px;
  padding: 25px 0px 0px 150px;
  margin-bottom: 5px;
}

.block-vos-outils-resultats p.txt-titre-recherche {
  font-size: 14px;
  font-weight: bold;
  padding: 0px 0px 0px 150px;
  margin-bottom: 25px;
}

.vos-outils-resultats {
  width: 645px;
  background: #FFF;
  overflow: hidden;
  margin-bottom: 20px;
}

.vos-outils-resultats>img {
  border: 2px solid #626262;
  float: left;
  margin-right: 25px;
}

.vos-outils-resultats p {
  font-size: 15px;
  font-weight: bold;
  color: #000;
  margin: 25px 75px 0px 0px;
}

.vos-outils-resultats a.download {
  float: right;
  margin: -30px 10px 0px 0px;
  text-align: center;
  font-family: Arial;
  font-size: 11px;
  color: #000;
  text-decoration: none;
}

.vos-outils-resultats a.download img {
  border: none;
}

.vos-outils-resultats.categorie-photos p {
  margin: 10px 0px 0px 0px;
  text-align: center;
}

.vos-outils-resultats.categorie-photos ul.produit-visuels-liste {
  text-align: center;
}

.vos-outils-resultats.categorie-photos ul.produit-visuels-liste li {
  display: inline-block;
  vertical-align: top;
  margin: 10px;
}

.vos-outils-resultats.categorie-photos ul.produit-visuels-liste li a.download {
  margin: 0px;
}

.vos-outils-resultats.categorie-photos ul.produit-visuels-liste li img {
  margin: 0px;
}

/* -------------------------------------------
	Page vos actus
---------------------------------------------*/
.titre-vos-actus {
  font-size: 25px;
  margin: 20px 0px 0px 55px;
}

.actu {
  width: 841px;
  height: 235px;
  margin: 20px auto 0px auto;
  position: relative;
}

.actu p.sous-titre:before {
  position: absolute;
  top: 3px;
  left: 37px;
}

.actu-1 {
  background: url(img/bg-actu-emince-boeuf.jpg) no-repeat 0 0;
}

.actu-1 p.sous-titre {
  color: #777;
}

.actu-1 p.sous-titre:before {
  content: url(img/picto-un-gris.png);
}

.actu-1.actu-align-right p {
  font-style: normal;
}

.actu-1.actu-align-right p+p {
  font-size: 29px;
  padding-left: 565px;
}

.actu-1.actu-align-right p a {
  margin-right: 95px;
  margin-top: -10px;
}

.actu-2 {
  background: url(img/bg-actu-snacking.jpg) no-repeat 0 0;
}

.actu-2 p.sous-titre {
  color: #777;
}

.actu-2 p.sous-titre:before {
  content: url(img/picto-deux-gris.png);
}

.actu-2.actu-align-left p+p {
  font-size: 29px;
  padding: 20px 450px 20px 0;
}

.actu-2.actu-align-left p img {
  vertical-align: middle;
}

.actu-2.actu-align-left p a {
  margin-left: 150px;
}

.actu-3 {
  background: url(img/bg-actu-1.jpg) no-repeat 0 0;
}

.actu-3 p.sous-titre:before {
  content: url(img/picto-un-grand.png);
}

.actu-4 {
  background: url(img/bg-actu-2.jpg) no-repeat 0 0;
}

.actu-4 p.sous-titre:before {
  content: url(img/picto-deux-grand.png);
}

.actu-align-right p.sous-titre,
.actu-align-left p.sous-titre {
  font-family: 'Bree Serif', serif, Arial;
  font-size: 21px;
  width: 761px;
  padding: 12px 0px 0px 80px;
}

.actu-align-right .bg-white,
.actu-align-left .bg-white {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#80ffffff);
  background-color: rgba(255, 255, 255, 0.7) !important;
  border-bottom: 1px solid #000;
  width: 761px;
  height: 31px;
}

.actu-align-right p+p,
.actu-align-left p+p {
  font-size: 20px;
  color: #FFF;
  text-align: center;
}

.actu-align-right a,
.actu-align-left a {
  font-size: 12px;
  color: #FFF;
  font-weight: bold;
  display: block;
}

.actu-align-right .actu-plus,
.actu-align-left .actu-plus {
  font-size: 14px;
  color: #FFF;
  font-style: italic;
  margin: 0px;
}

.actu-align-right p+p {
  padding: 10px 0px 10px 620px;
}

.actu-align-left p+p {
  padding: 10px 590px 10px 0px;
}

.actu-align-right .actu-plus {
  padding: 0px 10px 10px 620px;
}

.actu-align-left .actu-plus {
  padding: 0px 600px 15px 10px;
}

.actu-align-left p a {
  text-align: left;
  margin-left: 20px;
}

.actu-align-right p a {
  text-align: right;
  margin-right: 30px;
}

.txt-inscription-news {
  text-align: right;
  margin: 15px 30px 0px 0px;
}

.txt-inscription-news img {
  vertical-align: middle;
}

.txt-inscription-news a {
  font-size: 20px;
  color: #787878;
  text-decoration: none;
  font-weight: bold;
}

/* -------------------------------------------
	Page corporate : Les valeurs de la marque
---------------------------------------------*/
h1.titre-les-valeurs-de-la-marque {
  margin: 20px 0px 0px 125px;
  position: relative;
  margin-bottom: 55px;
}

h1.titre-les-valeurs-de-la-marque:before {
  content: url(img/picto-couteau-large.png);
  position: absolute;
  top: 0px;
  left: -70px;
}

.block-valeur-qualite {
  width: 100%;
  height: 218px;
  background: #FFF;
  position: relative;
  margin-bottom: 45px;
}

.block-valeur-qualite p.sous-titre {
  font-family: 'Bree Serif', serif, Arial;
  font-size: 17px;
  width: 100%;
  padding: 14px 0px 29px 90px;
}

.block-valeur-qualite p.sous-titre:before {
  content: url(img/picto-un.png);
  position: absolute;
  top: 6px;
  left: 60px;
}

.block-valeur-qualite .bg-white {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#80ffffff);
  background-color: rgba(255, 255, 255, 0.7) !important;
  border-bottom: 1px solid #000;
  position: absolute;
  width: 100%;
  height: 29px;
}

.block-valeur-qualite ul {
  padding: 75px 0px 0px 50px;
}

.block-valeur-qualite ul li {
  list-style-type: disc;
  font-size: 14px;
  margin-top: 5px;
}

.block-valeur-qualite img {
  float: right;
}


.block-valeur-hygiene {
  width: 100%;
  height: 221px;
  background: #FFF;
  position: relative;
  margin-bottom: 45px;
}

.block-valeur-hygiene p.sous-titre {
  font-family: 'Bree Serif', serif, Arial;
  font-size: 17px;
  width: 100%;
  padding: 14px 0px 29px 90px;
}

.block-valeur-hygiene p.sous-titre:before {
  content: url(img/picto-deux.png);
  position: absolute;
  top: 6px;
  left: 60px;
}

.block-valeur-hygiene .bg-white {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#80ffffff);
  background-color: rgba(255, 255, 255, 0.7) !important;
  border-bottom: 1px solid #000;
  position: absolute;
  width: 100%;
  height: 29px;
}

.block-valeur-hygiene ul {
  padding: 42px 20px 0px 490px;
}

.block-valeur-hygiene ul li {
  list-style-type: disc;
  font-size: 14px;
  margin-top: 5px;
}

.block-valeur-hygiene img {
  float: left;
  margin-right: 45px;
}

.block-valeur-innovations {
  width: 100%;
  background: #e6e6e6 url(img/bg-valeurs-innovations.png) no-repeat 0 0;
  position: relative;
}

.block-valeur-innovations p.sous-titre {
  font-family: 'Bree Serif', serif, Arial;
  font-size: 17px;
  width: 100%;
  padding: 14px 0px 29px 90px;
}

.block-valeur-innovations p.sous-titre:before {
  content: url(img/picto-trois.png);
  position: absolute;
  top: 6px;
  left: 48px;
}

.block-valeur-innovations .bg-white {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#80ffffff);
  background: rgba(255, 255, 255, 0.7) !important;
  border-bottom: 1px solid #000;
  position: absolute;
  width: 100%;
  height: 29px;
}

.block-valeur-innovations p.txt-innovations {
  font-size: 15px;
  color: #FFF;
  padding: 60px 30px 0px 30px;
}

.block-valeur-innovations ul.innovations-picto {
  margin: 0px 0px 0px 110px;
}

.block-valeur-innovations ul.innovations-picto li {
  display: inline-block;
  vertical-align: top;
  margin: 0px;
  position: relative;
}

.block-valeur-innovations ul.innovations-picto li:first-child {
  padding: 30px 0px 0px 15px;
}

.block-valeur-innovations ul.innovations-picto li:first-child:before {
  content: url(img/picto-restauration.png);
  position: absolute;
  top: 20px;
  left: -20px;
}

.block-valeur-innovations ul.innovations-picto li:first-child+li {
  padding: 35px 0px 0px 160px;
  position: relative;
}

.block-valeur-innovations ul.innovations-picto li:first-child+li:before {
  content: url(img/picto-restauration-rapide.png);
  position: absolute;
  top: 25px;
  left: 90px;
}

.block-valeur-innovations ul.innovations-picto li:first-child+li+li {
  padding: 20px 0px 0px 140px;
}

.block-valeur-innovations ul.innovations-picto li:first-child+li+li:before {
  content: url(img/picto-grand-public.png);
  position: absolute;
  top: 15px;
  left: 75px;
}

.block-valeur-innovations ul.innovations-texte {
  margin: 30px 0px 0px 73px;
}

.block-valeur-innovations ul.innovations-texte li {
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin: 0px;
}

.block-valeur-innovations ul.innovations-texte li:first-child+li {
  margin: 0px 0px 0px 55px;
}

.block-valeur-innovations ul.innovations-texte li:first-child+li+li {
  margin: 0px 0px 0px 40px;
}

.block-valeur-innovations ul.innovations-texte li span {
  font-size: 19px;
  font-weight: bold;
}


/* Page l'expertise rhd */
h1.titre-expertise-rhd {
  margin: 20px 0px 0px 125px;
  position: relative;
  margin-bottom: 55px;
}

h1.titre-expertise-rhd:before {
  content: url(img/picto-toque.png);
  position: absolute;
  top: -2px;
  left: -70px;
}

.block-expertise-qualite {
  width: 100%;
  height: 252px;
  background: #FFF;
  position: relative;
  margin-bottom: 45px;
}

.block-expertise-qualite p.sous-titre {
  font-family: 'Bree Serif', serif, Arial;
  font-size: 17px;
  width: 100%;
  padding: 14px 0px 29px 90px;
}

.block-expertise-qualite p.sous-titre:before {
  content: url(img/picto-un.png);
  position: absolute;
  top: 6px;
  left: 60px;
}

.block-expertise-qualite .bg-white {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#80ffffff);
  background-color: rgba(255, 255, 255, 0.7) !important;
  border-bottom: 1px solid #000;
  position: absolute;
  width: 100%;
  height: 29px;
}

.block-expertise-qualite p {
  font-size: 15px;
  line-height: 22px;
  padding: 75px 360px 0px 50px;
}

.block-expertise-qualite img {
  float: right;
}

.block-expertise-praticite {
  width: 100%;
  height: 254px;
  background: #FFF;
  position: relative;
  margin-bottom: 45px;
}

.block-expertise-praticite p.sous-titre {
  font-family: 'Bree Serif', serif, Arial;
  font-size: 17px;
  width: 100%;
  padding: 14px 0px 29px 400px;
}

.block-expertise-praticite p.sous-titre:before {
  content: url(img/picto-deux.png);
  position: absolute;
  top: 6px;
  left: 370px;
}

.block-expertise-praticite .bg-white {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#80ffffff);
  background-color: rgba(255, 255, 255, 0.7) !important;
  border-bottom: 1px solid #000;
  position: absolute;
  width: 100%;
  height: 29px;
}

.block-expertise-praticite p {
  font-size: 15px;
  line-height: 22px;
  padding: 75px 10px 0px 0px;
}

.block-expertise-praticite img {
  float: left;
  margin-right: 30px;
}

.block-expertise-diversite {
  width: 100%;
  height: 293px;
  background: #FFF;
  position: relative;
  margin-bottom: 45px;
}

.block-expertise-diversite p.sous-titre {
  font-family: 'Bree Serif', serif, Arial;
  font-size: 17px;
  width: 100%;
  padding: 14px 0px 29px 90px;
}

.block-expertise-diversite p.sous-titre:before {
  content: url(img/picto-trois.png);
  position: absolute;
  top: 6px;
  left: 60px;
}

.block-expertise-diversite .bg-white {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#80ffffff);
  background-color: rgba(255, 255, 255, 0.7) !important;
  border-bottom: 1px solid #000;
  position: absolute;
  width: 100%;
  height: 29px;
}

.block-expertise-diversite p {
  font-size: 15px;
  line-height: 22px;
  padding: 75px 360px 0px 50px;
}

.block-expertise-diversite img {
  float: right;
}

/* Page catalogue */
h1.titre-catalogue {
  font-size: 21px;
  color: #d81e05;
}

.block-gamme-catalogue {
  width: 790px;
  background: none;
  margin-top: 40px;
}

.block-gamme-catalogue h2 {
  font-family: 'Bree Serif', serif, Arial;
  font-size: 21px;
  line-height: 40px;
  color: #FFF;
  background: #d81e05;
  text-align: center;
}

.block-produits-gamme-catalogue {
  width: 790px;
  margin: 20px 0px 0px 0px;
  text-align: center;
}

.produits-gamme-catalogue {
  width: 228px;
  height: 210px;
  border: 8px solid #fff;
  margin: 0px 5px 35px 5px;
  position: relative;
}

.produits-gamme-catalogue .bg-white {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#80ffffff);
  background-color: rgba(255, 255, 255, 0.7) !important;
  position: absolute;
  width: 218px;
}

.produits-gamme-catalogue p.titre {
  font-size: 21px;
  padding: 0px 5px 5px 5px;
  text-align: left;
}

.produits-gamme-catalogue p.titre a {
  text-decoration: none;
}


/* Page contact */
.titre-contact {
  color: #d81e05;
  padding: 15px 0px 20px 0px;
}

.arrow_box {
  position: relative;
  background: #e6e6e6;
}

.arrow_box:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-top-color: #e6e6e6;
  border-width: 20px;
  margin-left: -20px;
}

.block-form-contact {
  width: 845px;
  background: #FFF;
  color: #656868;
  font-size: 14px;
}

.block-form-contact form {
  width: 510px;
  background: url(img/bg-liseret-contact.gif) no-repeat right 40px;
  padding: 40px 20px 20px 20px;
  position: relative;
  display: inline-block;
}

.block-form-contact form label {
  width: 100%;
}

.block-form-contact form label.ville,
.block-form-contact form label.pays,
.block-form-contact form label.telephone,
.block-form-contact form label.fax {
  width: 255px;
  vertical-align: top;
}

.block-form-contact form select {
  width: 236px;
  background: #f0eceb;
  border: none;
  color: #d81e05;
  font-size: 15px;
  font-weight: bold;
  padding: 3px 5px;
}

.block-form-contact form input {
  width: 235px;
  background: #f0eceb;
  border: none;
  display: block;
  padding: 5px 5px;
  margin: 8px 0px 0px 0px;
  font-size: 13px;
  color: #656868;
  font-weight: bold;
}

.block-form-contact form input#adresse {
  width: 490px;
}

.block-form-contact form input#ville,
.block-form-contact form input#pays,
.block-form-contact form input#telephone,
.block-form-contact form input#fax {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}

.block-form-contact form textarea {
  width: 490px;
  height: 95px;
  background: #f0eceb;
  border: none;
  padding: 5px 5px;
  font-size: 13px;
  color: #656868;
  font-weight: bold;
  margin: 8px 0px 0px 0px;
}

.block-form-contact form input#optin_restauration {
  width: 20px;
  display: inline;
  margin: 8px 0px 10px 0px;
}

.block-form-contact form label.label-newsletter {
  width: auto;
}

.block-form-contact form input#submit {
  width: 110px;
  background: #d81e05;
  font-size: 18px;
  color: #FFF;
  font-weight: bold;
  border-radius: 0px 0px 5px 5px;
  box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.7);
  position: absolute;
  right: 50px;
  bottom: -34px;
}

.block-form-contact p {
  font-family: 'Bree Serif', serif, Arial;
  font-size: 16px;
  color: #656868;
  display: inline-block;
  vertical-align: top;
  margin: 100px 5px 0px 10px;
}

label.error {
  color: #d81e05;
  font-size: 11px;
  font-weight: bold;
  padding: 0;
  text-align: left;
  width: 200px;
  margin-left: 1px;
}

/* Page client */
.block-form-client {
  width: 845px;
  background: #FFF;
  color: #656868;
  font-size: 14px;
  margin-top: 40px;
  padding-bottom: 5px;
  position: relative;
}

.titre-votre-profil {
  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  font-size: 17px;
  color: #656868;
  font-style: italic;
  padding: 15px 0px 10px 30px;
}

.titre-votre-profil span {
  font-size: 15px;
}

/* Pour les pages MDP */
.block-form-client.mdp-perdu {
  background: #FFF url(img/picto-cadena.png) no-repeat 325px 100px;
}

.block-form-client.changer-mdp {
  background: #FFF url(img/picto-cadena.png) no-repeat 325px 150px;
}

.block-form-client.changer-mdp #mdp2 {
  margin-bottom: 40px;
}

form#frm_mdp {
  margin: 25px 0px 0px 30px;
}

form#frm_mdp label {
  width: 100%;
}

form#frm_mdp input {
  width: 235px;
  background: #f0eceb;
  border: none;
  display: block;
  padding: 5px 5px;
  margin: 8px 0px 0px 0px;
  font-size: 13px;
  color: #656868;
  font-weight: bold;
}

form#frm_mdp input#submit {
  width: 110px;
  background: #d81e05;
  font-size: 18px;
  color: #FFF;
  font-weight: bold;
  border-radius: 0px 0px 5px 5px;
  box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.7);
  position: absolute;
  left: 150px;
  bottom: -35px;
}


/* Page informations legales */
.block-infos-legales {
  width: 820px;
  background: #FFF;
  color: #656868;
  margin-top: 25px;
  padding: 0px 25px 25px 0px;
}

.block-infos-legales h1 {
  color: #d81e05;
  padding: 25px;
}

.block-infos-legales h2 {
  font-size: 15px;
  color: #d81e05;
  font-weight: bold;
  padding: 25px;
}

.block-infos-legales ul {
  margin: 0px 0px 0px 10px;
}

.block-infos-legales ul.list-bullet {
  list-style-type: disc;
  margin: 0px 0px 15px 50px;
}

.block-infos-legales ul.list-bullet li {
  padding: 0px 15px 10px 10px;
}

.block-infos-legales ul.align-center {
  margin-bottom: 15px;
}

.block-infos-legales p {
  margin: 0px 15px 15px 25px;
}

/* -------------------------------------------
	Nav mobile
---------------------------------------------*/
#nav-trigger {
  display: none;
  position: absolute;
  top: 40px;
  left: 0%;
}

#nav-trigger span {
  display: inline-block;
  cursor: pointer;
}

#nav-trigger img.picto-loupe-mobile {
  position: absolute;
  top: -10%;
  left: 105%;
}

#nav-trigger {
	flex-direction: column;
}
#nav-trigger .burger-elem {
	width:45px;
	height: 6px;
	border-radius: 4px;
	background-color: #FFFFFF;
}
#nav-trigger .burger-elem:nth-child(2) {
	margin: 7px 0;
}

div#nav-mobile {
  position: relative;
  z-index: 1000;
  display: none;
}

div#nav-mobile ul {
  display: none;
  list-style-type: none;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  background: #d81e05;
}

div#nav-mobile li {
  display: block;
  margin: 0 5px;
  font-size: 14px;
  text-transform: uppercase;
}

div#nav-mobile a {
  display: block;
  color: #FFF;
  text-decoration: none;
  padding: 10px 20px;
}

div#nav-mobile a:hover {
  background: #FFF;
  color: #d81e05;
}

div#nav-mobile a:hover img {
  display: none;
}

div#nav-mobile a#show_newsletter:hover {
  height: 19px;
  background: #FFF url(img/picto-newsletter-menu-rouge.png) no-repeat 18px 10px;
  margin-bottom: 5px;
}

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

  #nav-trigger {
    display: flex;
		padding-left: 30px;
  }

  #nav-trigger img {
    width: 65%;
    height: auto;
  }

  div#nav-main {
    display: none;
  }

  div#nav-mobile {
    display: block;
  }

  .header {
    width: 100%;
    background: #000000;
  }

  .header img.logo-charal {
    width: 30%;
    height: auto;
  }

  .menu {
    width: 100%;
  }

  .sous-menu {
    display: none;
  }

  .slider {
    display: none;
  }

  .fil-ariane {
    margin-left: 15px;
    text-transform: uppercase;
  }

  .content-global {
    width: 100%;
  }

  .content,
  .content-index {
    width: 100%;
    margin-top: 0px;
    padding-bottom: 15px;
  }

  .content-index {
    padding-top: 0px;
  }

  .footer {
    width: 100%;
  }

  .footer ul li,
  .footer ul.txt-sante li {
    display: block;
    /* margin: 0px 0px 10px 10px; */
    font-size: 11px;
    font-weight: normal;
  }

  /* -------------------------------------------
	Module de connexion
---------------------------------------------*/
  .header .block-login {
    position: relative;
    left: 50%;
    margin-left: -138px;
    right: 0;
  }

  /* -------------------------------------------
	Module newsletter
---------------------------------------------*/
  .header .block-newsletter {
    position: relative;
    left: 50%;
    margin-left: -138px;
    right: 0;
  }

  /* -------------------------------------------
	Pop up
---------------------------------------------*/
  .popup-around {
    overflow-y: auto;
  }

  #popup-login .pop-up-entree {
    width: 100%;
    height: auto;
    margin: 0px;
    position: relative;
    left: 0;
    top: 0;
  }

  #popup-context .pop-up-entree {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0px;
  }

  #popup-context .pop-up-entree h2 {
    margin: 0px;
  }

  #popup-context .pop-up-entree ul {
    margin: 20px 0px 0px 10px;
    text-align: center;
  }

  #popup-context .pop-up-entree ul li {
    margin: 0px;
  }

  #popup-context .pop-up-entree ul li img {
    width: 110px;
    height: auto;
    margin: 5px 5px 30px 5px;
  }

  #popup-login form#frm_login2,
  #popup-login div.block-inscription-popup {
    width: 100%;
  }

  #popup-login form#frm_login2 {
    margin: 0px;
  }

  #popup-login form#frm_login2 p,
  #popup-login form#frm_login2 input {
    margin-left: 25px;
  }

  #popup-login form#frm_login2 input.btn-validez,
  #popup-login form#frm_profil input#submit {
    position: static;
  }

  #popup-login form#frm_profil input#submit {
    margin-left: 0px;
  }

  /* -------------------------------------------
	Home
---------------------------------------------*/
  .block-recette-moment,
  .block-qui-sommes-nous,
  .block-valeurs-marque,
  .block-expertise-rhd {
    width: 100%;
  }

  .block-recette-moment,
  .block-qui-sommes-nous,
  .block-valeurs-marque,
  .block-expertise-rhd {
    margin-bottom: 30px;
    height: auto;
  }

  .block-qui-sommes-nous p.titre,
  .block-valeurs-marque p.titre,
  .block-expertise-rhd p.titre {
    width: 100%;
    text-align: center;
    padding: 0px;
  }

  .block-recherche {
    display: none;
  }

  .block-recherche.responsive {
    display: block;
    width: 100%;
    min-height: 300px;
    margin: 0px 0px 30px 0px;
    padding-bottom: 60px;
    padding-left: 0px;
  }

  .block-recherche.responsive p.titre {
    text-align: center;
  }

  .block-recherche.responsive p.sous-titre {
    margin-left: 30px;
    margin-right: 10px;
  }

  .block-recherche.responsive p.texte {
    margin-left: 10px;
  }

  .block-recherche.responsive input.btn-recherche {
    position: absolute;
    padding-left: 25px;
    top: 250px;
    left: 30px;
  }

  .block-recette-moment img {
    width: 100%;
    height: auto;
  }

  .block-recette-moment p.titre:before,
  .block-qui-sommes-nous p.titre:before,
  .block-valeurs-marque p.titre:before,
  .block-expertise-rhd p.titre:before {
    display: none;
  }

  .separateur-home {
    display: none;
  }

  .block-valeurs-marque img,
  .block-expertise-rhd img {
    width: 100%;
    height: auto;
    margin: 0px 0px 15px 0px;
  }

  .block-valeurs-marque .txt-valeurs-marque,
  .block-valeurs-marque .en-savoir-plus {
    margin-left: 15px;
  }

  .block-valeurs-marque .en-savoir-plus,
  .block-expertise-rhd .en-savoir-plus {
    padding-bottom: 15px;
  }

  /* -------------------------------------------
	Les pages produits
---------------------------------------------*/
  .menu-gauche {
    display: none;
  }

  .text-intro {
    margin: 0px 20px 20px 20px;
  }

  .lien-catalogue-pdf {
    margin: 0px 0px 10px 20px;
  }

  .block-produits-gamme-sous-gamme {
    width: auto;
    margin: 0px;
    text-align: center;
  }

  .produits-gamme-sous-gamme {
    margin: 0px 0px 20px 0px;
    text-align: left;
  }

  /* -------------------------------------------
	Produit (page avec le menu avec onglet pour la version desktop
---------------------------------------------*/
  .block-produits p.texte {
    margin-left: 0px;
  }

  .texte-responsive {
    display: block;
  }

  .produits {
    display: none;
  }

  /* -------------------------------------------
	Vos outils
---------------------------------------------*/
  .titre-vos-outils {
    text-align: center;
    margin: 0px 0px 15px 0px;
  }

  .titre-vos-outils:before {
    display: none;
  }

  .block-vos-outils-rechercher {
    width: 100%;
  }

  .block-vos-outils-rechercher p.sous-titre {
    margin-bottom: 10px;
  }

  .block-vos-outils-rechercher select#fiches-techniques,
  .block-vos-outils-rechercher select#famille {
    margin-left: 25px;
  }

  .block-vos-outils-rechercher input.btn-recherche {
    position: relative;
    right: 0px;
    bottom: 0px;
    margin-left: 25px;
  }

  .block-vos-outils-resultats.categorie-famille p.sous-titre {
    margin: 25px 0px 10px 25px;
    padding: 0px;
  }

  .block-vos-outils-resultats p.txt-titre-recherche {
    margin: 0px 0px 10px 25px;
    padding: 0px;
  }

  .block-vos-outils-resultats .vos-outils-resultats {
    width: 100%;
    position: relative;
  }

  .block-vos-outils-resultats .vos-outils-resultats img {
    margin-right: 8px;
  }

  .block-vos-outils-resultats .vos-outils-resultats p {
    margin: 8px 40px 8px 0px;
  }

  .block-vos-outils-resultats .vos-outils-resultats img.picto-dl-pdf {
    float: none;
    position: absolute;
    top: 8px;
    right: 8px;
    margin: 0px;
  }

  /* -------------------------------------------
	Vos actus
---------------------------------------------*/
  .titre-vos-actus {
    margin: 0px;
    text-align: center;
  }

  .actu {
    width: 100%;
  }

  .actu p.sous-titre {
    width: 100%;
    margin: 0px;
    padding: 5px 0px;
    text-align: center;
  }

  .actu p.sous-titre.bg-white {
    height: auto;
  }

  .actu-1 p.sous-titre:before,
  .actu-2 p.sous-titre:before {
    display: none;
  }

  .actu p+p,
  .actu .actu-plus {
    text-align: left;
    padding: 5px 10px;
    text-shadow: 1px 1px 1px #000;
  }

  .actu p a {
    text-align: left;
    margin-left: 0px;
  }

  /* -------------------------------------------
	Vos recettes
---------------------------------------------*/
  .titre-vos-recettes {
    margin: 0px;
    text-align: center;
  }

  .titre-vos-recettes:before {
    display: none;
  }

  #tab-recettes.block-vos-outils-resultats p.txt-titre-recherche {
    padding-left: 0px;
  }

  #tab-recettes.block-vos-outils-resultats p.sous-titre.black {
    padding-left: 25px;
  }

  #tab-recettes.block-vos-outils-resultats {
    width: 100%;
  }

  #tab-recettes.block-vos-outils-resultats .description-recette {
    margin: 0px;
  }

  #tab-recettes.block-vos-outils-resultats .description-recette p {
    padding: 0px 0px 0px 25px;
  }

  #tab-recettes.block-vos-outils-resultats .description-recette p.titre:before {
    display: none;
  }

  #tab-recettes .description-recette p.sous-titre {
    margin-left: 0px;
  }

  #tab-recettes .description-recette p.ingredients,
  #tab-recettes .description-recette .etapes-preparation p,
  #tab-recettes .description-recette .dressage p {
    margin-left: 0px;
  }

  /* -------------------------------------------
	Les valeurs de la marque
---------------------------------------------*/
  h1.titre-les-valeurs-de-la-marque {
    text-align: center;
    margin: 0px 0px 15px 0px;
  }

  h1.titre-les-valeurs-de-la-marque:before {
    display: none;
  }

  .block-valeur-qualite,
  .block-valeur-hygiene,
  .block-valeur-innovations {
    margin-bottom: 30px;
    padding-bottom: 15px;
    height: auto;
  }

  .block-valeur-innovations {
    background: #3b3b3b;
    color: #FFF;
  }

  .block-valeur-qualite p.sous-titre,
  .block-valeur-hygiene p.sous-titre,
  .block-valeur-innovations p.sous-titre {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 5px 0px 5px 0px;
  }

  .block-valeur-qualite p.sous-titre:before,
  .block-valeur-hygiene p.sous-titre:before,
  .block-valeur-innovations p.sous-titre:before {
    display: none;
  }

  .block-valeur-qualite img,
  .block-valeur-hygiene img,
  .block-valeur-innovations img {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
  }

  .block-valeur-qualite ul,
  .block-valeur-hygiene ul {
    padding: 0px 0px 0px 15px;
  }

  .block-valeur-innovations ul {
    display: none;
  }

  /* -------------------------------------------
	L'expertise RHD
---------------------------------------------*/
  h1.titre-expertise-rhd {
    text-align: center;
    margin: 0px 0px 15px 0px;
  }

  h1.titre-expertise-rhd:before {
    display: none;
  }

  .block-expertise-qualite,
  .block-expertise-praticite,
  .block-expertise-diversite {
    margin-bottom: 30px;
    padding-bottom: 15px;
    height: auto;
  }

  .block-expertise-innovations {
    background: #3b3b3b;
    color: #FFF;
  }

  .block-expertise-qualite p.sous-titre,
  .block-expertise-praticite p.sous-titre,
  .block-expertise-diversite p.sous-titre {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 5px 0px 5px 0px;
  }

  .block-expertise-qualite p.sous-titre:before,
  .block-expertise-praticite p.sous-titre:before,
  .block-expertise-diversite p.sous-titre:before {
    display: none;
  }

  .block-expertise-qualite img,
  .block-expertise-praticite img,
  .block-expertise-diversite img {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
  }

  .block-expertise-qualite p,
  .block-expertise-praticite p,
  .block-expertise-diversite p {
    padding: 0px 10px 0px 10px;
  }

  /* -------------------------------------------
	Catalogue
---------------------------------------------*/
  .block-gamme-catalogue,
  .block-produits-gamme-catalogue {
    width: 100%;
  }

  /* -------------------------------------------
	Contact
---------------------------------------------*/
  .block-form-contact,
  .block-form-contact form {
    width: 100%;
    background: #FFF;
  }

  .block-form-contact form {
    padding: 25px 0px 15px 0px;
  }

  .block-form-contact form label,
  .block-form-contact form input,
  .block-form-contact form select,
  .block-form-contact form textarea {
    margin-left: 4%;
  }

  .block-form-contact form label {
    width: 96%;
    margin-bottom: 10px;
  }

  .block-form-contact form select#type-demande {
    width: 245px;
    margin-bottom: 10px;
  }

  .block-form-contact form input#adresse {
    width: 235px;
  }

  .block-form-contact form textarea {
    width: 235px;
    height: 95px;
    display: block;
  }

  .block-form-contact form input#newsletter {
    margin-left: 15px;
  }

  .block-form-contact form label.label-newsletter {
    display: inline;
    margin-left: 0px;
    margin-right: 15px;
    font-size: 13px;
  }

  .block-form-contact form input#submit {
    width: 110px;
    background: #d81e05;
    font-size: 18px;
    color: #FFF;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.7);
    position: initial;
  }

  .block-form-contact p {
    margin: 15px;
  }

  /* -------------------------------------------
	Page informations legales
---------------------------------------------*/
  .block-infos-legales {
    width: 100%;
    padding: 0px 0px 20px 0px;
    margin-bottom: 20px;
  }
}

@media (orientation: landscape) and (max-device-width : 640px) {
  .produits {
    display: block;
    width: 100%;
  }

  .texte-responsive {
    display: none;
  }

  .menu-produits {
    background: #FFF;
    text-align: center;
  }

  .menu-produits li {
    padding: 10px 10px 10px 10px;
    border: none;
    background: #FFF;
  }

  .menu-produits li.active {
    border: none;
  }

  .menu-produits li p {
    font-size: 14px;
  }

  .produits .block-les-plus-produits,
  .produits .block-photos,
  .produits .block-conseil-preparation,
  .produits .block-infos-techniques,
  .produits .block-recette {
    border: 2px solid #d81e05;
  }

  .produits .block-conseil-preparation iframe {
    width: 100%;
  }
}


/* modif du 2019-01-08 ******************************************************************/
.content,
.content-index {
  margin: 0 auto;
  overflow: hidden;
}

.menu {
  background: #000000;
  padding: 20px 30px;
}

ul.main-menu.caps {
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  font-family: 'Oswald';
}

ul.main-menu.caps li {
  flex: 1 1 auto !important;
}

ul.main-menu.caps li a {
  font-size: 14px;
  font-weight: 400;
}

.sous-menu {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 0;
  width: 100%;
  background: #000000;
  box-shadow: none;
  font-family: 'Oswald';
  font-size: 16px;
  font-weight: 400;
  width: 100%;
  text-align: center;
  padding: 15px 0;
}

.sous-menu .titre-sous-menu li {
  border: 0;
  text-align: left;
}

.sous-menu .rubrique-sous-menu li {
  text-align: left;
}

.sous-menu .rubrique-sous-menu li a {
  color: #ffffff;
}

.menu-gauche {
  float: left;
}

#home_slider .slick-slider {
  margin-bottom: 0px;
  width: 100%;
  max-width: 845px;
}

.text-intro {
  padding: 0px 55px 20px 55px;
}

#home_slider .slick-slide img {
  width: 100%;
}

#home_slider .slick-slider .slick-dots {
  bottom: 6px;
}

#home_slider .slick-slider .slick-dots li,
#home_slider .slick-slider .slick-dots li button {
  padding: 0;
  margin: 0 2px;
  width: 10px;
  height: 10px;
}

#home_slider .slick-slider .slick-dots li button {
  display: flex;
  align-items: center;
  justify-content: center;
}

#home_slider .slick-slider .slick-dots li button::after {
  content: '';
  width: 8px;
  height: 8px;
  background-color: rgba(204, 0, 0, .7);
  border-radius: 50%;
}

#home_slider .slick-slider .slick-dots li.slick-active button::after {
  background-color: rgba(204, 0, 0, 1);
}

.recherche-recettes {
  margin: 30px 30px 0;
}