

body a:hover {
  text-decoration:none
}
h1 {
  text-align:center
}
h2 {
  display:block;
  text-align:left;
  margin:35px 0;
  clear:both;
  font-size:25px
}
h2 .txt {
  display:inline-block;
  border-bottom:2px solid #c53004;
  font-weight:bold;
  text-transform:uppercase;
  font-size:14px;
  padding-bottom:10px;
  color:#c53004;
  font-weight:1000
}
h2.title {
  text-align:center
}

header .background_header .slogan {
  display:none;
  text-align:center;
  font-size:75px;
  color:#c53004;
  position:relative;
  top:45%;
  font-weight:700
}
header .wrapper_logo {
  position:absolute;
  bottom:0;
  left:0;
  z-index:5;
  background:#fff;
  padding:30px 40px
}
header .wrapper_logo .name_page,header .wrapper_logo .to_top {
  display:none
}
header .wrapper_logo .logo {
  width:184px;
  max-width:100%;
  display:block
}
header .wrapper_logo .logo img {
  display:block;
  width:100%
}
header .wrapper_logo .text {
  margin-top:5px;
  margin-left:67px;
  display:block;
  font-size:16px;
  line-height:1.3;
  font-family:arial, sans-serif
}
header .wrapper_logo .text .sub_text {
  display:block
}
header .wrapper_logo .wrapper_mobile_menu {
  position:absolute;
  z-index:15;
  top:0;
  right:0;
  cursor:pointer;
  display:none
}
header .wrapper_logo .wrapper_mobile_menu .mobile_menu_icon {
  width:40px;
  position:relative;
  top:1px;
  margin:20px
}
header .wrapper_logo .wrapper_mobile_menu .mobile_menu_icon .w_line .line {
  height:5px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  width:100%;
  margin-bottom:7px;
  background-color:#fff
}

header .wrapper_logo .text {
  margin-top:0px;
  margin-left:0px;
  display:block;
  font-size:13px;
  line-height:1.3;
  font-family:arial, sans-serif
}
header .wrapper_logo .text .sub_text {font-size:12px;}
header .wrapper_menu_top .nav_top .nav_list li.link_top a {color: #c53004; text-shadow: none;}
header .wrapper_menu_top .nav_top .nav_list li.link_top.home a {color: #c53004; text-shadow: none !important;}
header .wrapper_menu_top .nav_top .nav_list li.link_top.FB a span {display: inline-block; text-indent: -5000px}
header .wrapper_menu_top .nav_top .nav_list li.link_top.FB a {
  display: inline-block;
  color: #c53004; 
  text-shadow: none !important;
  background: url(../fb/FB-f-Logo__blue_29.png) center 10px no-repeat;
  height: 60px;
  width: 30px;
}

header .wrapper_menu_top .nav_top .nav_list {
    white-space: nowrap;
    padding: 0 20px;
    margin: 0;
    font-size: 0;
}


body.base .text-color,body.base h1,body.base h2,body.base h3,body.base body.food h1,body.food body.base h1,body.base body.food h2,body.food body.base h2,body.base body.food h3,body.food body.base h3,body.base body.pharma h1,body.pharma body.base h1,body.base body.pharma h2,body.pharma body.base h2,body.base body.pharma h3,body.pharma body.base h3,body.base body.stevia h1,body.stevia body.base h1,body.base body.stevia h2,body.stevia body.base h2,body.base body.stevia h3,body.stevia body.base h3,body.base .smenu .elem_smenu a,.smenu .elem_smenu body.base a,body.base .ssmenu .elem_smenu a,.ssmenu .elem_smenu body.base a,body.base a {
  color:#777
}

caption {display: none;}


/* 
rouge #c53004
sepia #ae8964

*/





body.base .wrapper_menu_top.top_page_menu .nav_top { background-color: #FFF;opacity: 0.9;}
body.food .wrapper_menu_top.top_page_menu .nav_top { background-color: #FFF;opacity: 0.9;}


/* fond menu desktop home */
body.base .wrapper_menu_top.top_page_menu .nav_top .w_nav_list  { background-color: #c53004;}
body.food .wrapper_menu_top.top_page_menu .nav_top .w_nav_list  { background-color: #c53004;}

body.food header .wrapper_menu_top .nav_top {background-color: #FFF;}

body.base .wrapper_menu_top.top_page_menu .wrapper_logo .wrapper_mobile_menu {background-color: #c53004;}
body.food .wrapper_menu_top.top_page_menu .wrapper_logo .wrapper_mobile_menu {background-color: #c6322d;}

body.base header .wrapper_menu_top .wrapper_mobile_menu .w_line .line {background-color: #c53004;}
body.base header .wrapper_menu_top .wrapper_mobile_menu .text {color: #c53004;}

body.base footer {background-color: #c53004;}
body.food footer {
    background-color: #c53004;
    position: fixed;
    bottom: 0;
}

.wrapper_innerpage {padding-bottom: 100px}

.inner_page .header .background_header {
  
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */



}
body.food header { height: 65%; max-height: 500px}
body.food.inner_page header { max-height: 200px}


@media (min-width: 768px) {
  body.base.home header .wrapper_menu_top .nav_top .nav_list li.link_top a {color:#FFF;}
  body.base.home #main_wrapper h2 .txt {color:#FFF;border-bottom: 2px solid #FFF;font-size: 20px;}
  body.base.home header .background_header .slogan {text-indent: -5000px; background: url(../img/logotypes_as-400.png) center no-repeat; top: inherit; height: 100%; margin: 0;}
  body.base.home header {
      height: 100%;
      position: relative;
      z-index: 1;
  }
  header .wrapper_menu_top .nav_top .nav_list li.link_top .smenu,header .wrapper_menu_top .nav_top .nav_list li.link_top .ssmenu {
    display:none
  }
  body.base.home #main_wrapper, .e404 #main_wrapper {
      margin-top: -97px;
      position: relative;
      z-index: 2;
  }
}


@media (max-width: 800px) {
  body.base.home header .background_header .slogan {
    text-indent: -5000px; 
    background: url(../img/logotypes_as-200.png) center no-repeat; 
    top: 30%; 
    height: 100%; 
  }
}

@media (max-width: 480px) {

  body.food footer {
    background-color: #c53004;
    position: static;
    bottom: 0;
  }
  
  h2.title {
    margin-bottom:0;
  }

  .inner_page header {
    height: 150px;
  }


  h2 .txt {
  display:inline-block;
  border-bottom: 0px none;
  font-weight:bold;
  text-transform:uppercase;
  font-size:14px !important;
  margin: 0;
  padding:10px;
  /*color:#777*/;
  clear: both;
   }
   header {
    height: 100%;
    position: relative;
    z-index: 1;
  }
   div.background_header {/*height: 550px;*/}
   header .background_header .slogan {
     top:70%; 
     width: 320px;
     /*margin-top: -50px;*/
     margin: -50px auto 0 !important;
   }

   footer {
     margin-top: 0;

   }

}



@media (max-width: 767px) {
  body {
    font-size:1.2rem
  }
  body.stop {
    overflow-y:hidden
  }
  body.base header .wrapper_menu_top .nav_top {background-color: #fff;opacity: 0.9;}
  h2 {
    padding:0 10px
  }
  .wrapper_menu_top.top_page_menu {
    display:none
  }
  body.food.inner_page header { max-height: 120px}
  header,.home header {
    z-index:10
  }
  header .background_header .slogan,.home header .background_header .slogan {
    font-size:3rem
  }
  header .wrapper_menu_top .wrapper_logo,.home header .wrapper_menu_top .wrapper_logo {
    width:100%;
    position:fixed;
    top:0;
    left:0;
    bottom:auto;
    right:auto;
    z-index:3;
    padding:20px
  }
  header .wrapper_menu_top .wrapper_logo .logo,.home header .wrapper_menu_top .wrapper_logo .logo {
    width:50%;
    max-width:184px
  }
  header .wrapper_menu_top .wrapper_logo .wrapper_mobile_menu,.home header .wrapper_menu_top .wrapper_logo .wrapper_mobile_menu {
    display:block
  }
  header .wrapper_menu_top .wrapper_logo .wrapper_mobile_menu .mobile_menu_icon .text,.home header .wrapper_menu_top .wrapper_logo .wrapper_mobile_menu .mobile_menu_icon .text {
    font-size:13px;
    font-weight:bold;
    margin:10px 0 0;
    line-height:1;
    text-align:center;
    width:100%
  }
  header .wrapper_menu_top .wrapper_logo .text,.home header .wrapper_menu_top .wrapper_logo .text {
    width:calc(100% - 40px);
    font-size:1rem;
    margin:15px 0 0
  }
  header .wrapper_menu_top .nav_top,.home header .wrapper_menu_top .nav_top {
    position:fixed;
    top:110px;
    right:-100%;
    left:auto;
    height:calc(100% - 110px);
    width:100%;
    z-index:2;
    overflow:auto;
    -webkit-transition:right 0.4s ease-in-out;
    -o-transition:right 0.4s ease-in-out;
    transition:right 0.4s ease-in-out;
    border-top:none
  }
  header .wrapper_menu_top .nav_top.open,.home header .wrapper_menu_top .nav_top.open {
    right:0
  }
  header .wrapper_menu_top .nav_top .nav_list,.home header .wrapper_menu_top .nav_top .nav_list {
    border:none;
    text-align:left;
    margin:4.5rem 10% 0;
    display:block
  }
  header .wrapper_menu_top .nav_top .nav_list li.link_top,.home header .wrapper_menu_top .nav_top .nav_list li.link_top {
    display:block;
    margin-right:0;
    border-bottom:1px solid #c53004;
    border-top:1px solid transparent
  }
  header .wrapper_menu_top .nav_top .nav_list li.link_top:first-child,.home header .wrapper_menu_top .nav_top .nav_list li.link_top:first-child {
    border-top:1px solid #fff
  }
  header .wrapper_menu_top .nav_top .nav_list li.link_top a,.home header .wrapper_menu_top .nav_top .nav_list li.link_top a {
    font-size:1rem;
    line-height:normal;
    height:auto;
    padding:1rem;
    margin:0.5em 0;
    border:none;
    display:block;
    text-shadow:none;
    border-left:4px solid transparent
  }
  header .wrapper_menu_top .nav_top .nav_list li.link_top.activ>a,.home header .wrapper_menu_top .nav_top .nav_list li.link_top.activ>a {
    border-left-color:#fff;
    text-shadow:0 -1px 1px #fff !important)
  }
  header .wrapper_menu_top .nav_top .nav_list li.link_top.home a:before,.home header .wrapper_menu_top .nav_top .nav_list li.link_top.home a:before {
    display:none
  }
  header .wrapper_menu_top .nav_top .nav_list li.link_top.home a .text,.home header .wrapper_menu_top .nav_top .nav_list li.link_top.home a .text {
    display:block
  }
  header .wrapper_menu_top .nav_top .nav_list li.link_top .smenu,.home header .wrapper_menu_top .nav_top .nav_list li.link_top .smenu {
    margin-left:1.1rem
  }
  header .wrapper_menu_top .nav_top .nav_list li.link_top .ssmenu,.home header .wrapper_menu_top .nav_top .nav_list li.link_top .ssmenu {
    margin-left:0
  }
  header .wrapper_menu_top .nav_top .nav_list li.link_top.sub .expend,header .wrapper_menu_top .nav_top .nav_list li.link_top .elem_smenu.sub .expend_ss,.home header .wrapper_menu_top .nav_top .nav_list li.link_top.sub .expend,.home header .wrapper_menu_top .nav_top .nav_list li.link_top .elem_smenu.sub .expend_ss {
    display:block
  }
  header .wrapper_menu_top .nav_top .lang_list,.home header .wrapper_menu_top .nav_top .lang_list {
    position:absolute;
    right:10%;
    top:1rem;
    float:none;
    margin:0;
    display:inline-block;
    vertical-align:middle;
    border-left:none
  }
  header .wrapper_menu_top .nav_top .lang_list li a,.home header .wrapper_menu_top .nav_top .lang_list li a {
    width:2.5rem;
    height:2.5rem;
    line-height:2.5rem;
    font-size:1.2rem
  }
  body.food.menuless header {height:100px;}
  .csc-header h1,.csc-header h2 {
    padding:0 10px
  }
  body:not(.home) header .wrapper_logo .text .sub_text {
    display:inline
  }
  .e404 header .wrapper_menu_top .nav_top {
    position:fixed
  }
  .e404 header .wrapper_menu_top .nav_top .lang_list {
    right:auto
  }
  .e404 #main_wrapper {
    position:relative;
    top:auto
  }
  .e404 #main_wrapper .w_img_text .elem_img_text .big_404 {
    font-size:12rem
  }
  .e404 #main_wrapper .w_img_text .elem_img_text .big_404,.e404 #main_wrapper .w_img_text .elem_img_text .txt_nf {
    text-align:center;
    padding:0
  }
  .e404 #main_wrapper .w_img_text .elem_img_text .big_404 p,.e404 #main_wrapper .w_img_text .elem_img_text .txt_nf p {
    padding:0
  }
  .e404 #main_wrapper .w_img_text .elem_img_text.no_bg {
    margin-bottom:2rem
  }
  .e404 #main_wrapper .w_img_text .elem_img_text .rub_list li a {
    font-size:1.1rem
  }
  .e404 footer {
    position:relative
  }
  .home #main_wrapper {
    margin-top:0
  }
  .left_s,.right_s {
    float:none
  }
  .w_img_text {padding: 0}
  .w_img_text.small_4,.csc-textpic {
    height:auto;
    padding:0 10px
  }
  .w_img_text .w_text,.w_img_text.small_4 .w_text,.csc-textpic .w_text {
    padding:20px
  }
  .w_img_text .w_text>p.bodytext,.w_img_text.small_4 .w_text>p.bodytext,.csc-textpic .w_text>p.bodytext {
    padding:0;
    font-size:1.2rem
  }
  .w_img_text .elem_img_text,.w_img_text .w_text,.w_img_text.w_menu_head .w_smenu,.w_img_text .csc-textpic-imagewrap,.w_img_text .csc-textpic-text,.w_img_text.small_4 .elem_img_text,.w_img_text.small_4 .w_text,.w_img_text.small_4.w_menu_head .w_smenu,.w_img_text.small_4 .csc-textpic-imagewrap,.w_img_text.small_4 .csc-textpic-text,.csc-textpic .elem_img_text,.csc-textpic .w_text,.csc-textpic.w_menu_head .w_smenu,.csc-textpic .csc-textpic-imagewrap,.csc-textpic .csc-textpic-text {
    height:auto;
    float:none
  }
  .w_img_text .elem_img_text img,.w_img_text .w_text img,.w_img_text.w_menu_head .w_smenu img,.w_img_text .csc-textpic-imagewrap img,.w_img_text .csc-textpic-text img,.w_img_text.small_4 .elem_img_text img,.w_img_text.small_4 .w_text img,.w_img_text.small_4.w_menu_head .w_smenu img,.w_img_text.small_4 .csc-textpic-imagewrap img,.w_img_text.small_4 .csc-textpic-text img,.csc-textpic .elem_img_text img,.csc-textpic .w_text img,.csc-textpic.w_menu_head .w_smenu img,.csc-textpic .csc-textpic-imagewrap img,.csc-textpic .csc-textpic-text img {
    width:100%;
    height:auto !important;
    min-height:initial;
    position:static;
    -moz-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0)
  }
  .w_img_text .csc-textpic-imagewrap,.w_img_text .csc-textpic-text,.w_img_text.small_4 .csc-textpic-imagewrap,.w_img_text.small_4 .csc-textpic-text,.csc-textpic .csc-textpic-imagewrap,.csc-textpic .csc-textpic-text {
    width:100%;
    margin:0
  }
  .w_img_text .csc-textpic-imagewrap p,.w_img_text .csc-textpic-text p,.w_img_text.small_4 .csc-textpic-imagewrap p,.w_img_text.small_4 .csc-textpic-text p,.csc-textpic .csc-textpic-imagewrap p,.csc-textpic .csc-textpic-text p {
    font-size:1.2rem
  }
  .w_img_text.w_menu_head .w_text p,.w_img_text.small_4.w_menu_head .w_text p,.csc-textpic.w_menu_head .w_text p {
    position:static;
    -moz-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0);
    width:auto;
    padding:25px 50px;
    margin:0
  }
  .w_img_text.w_menu_head .w_smenu,.w_img_text.small_4.w_menu_head .w_smenu,.csc-textpic.w_menu_head .w_smenu {
    /*display:none*/
  }
  .w_img_text .elem_img_text,.w_img_text.small_4 .elem_img_text,.csc-textpic .elem_img_text {
    max-height:auto
  }
  .wrapper_default>.csc-textpic-text>p.bodytext,.wrapper_menu_top.top_page_menu .wrapper_logo>.csc-textpic-text>p.bodytext {
    padding:0 10px
  }
  .bandeau_map {
    padding:2rem 0
  }
  .bandeau_map h3 {
    font-size:3rem
  }
  .inner_page .intro {
    padding:0 10px
  }
  .inner_page .menu_inner_page {
    display:none
  }
  .inner_page .wrapper_innerpage .w_img_text .w_text.right_s,.inner_page .wrapper_innerpage .w_img_text .w_text.left_s {
    padding:0;
    margin:0
  }
  object[type="application/x-shockwave-flash"] {
    display:none
  }
  footer {
    padding-top:1rem
  }
  footer .elem_footer {
    text-align:center;
    width:80%;
    margin:0 auto 0
  }
  footer .elem_footer.left_s,footer .elem_footer.right_s {
    float:none
  }
  footer .elem_footer.left_s a,footer .elem_footer.left_s span,footer .elem_footer.right_s a,footer .elem_footer.right_s span {
    font-size:1rem
  }
  footer .elem_footer.left_s {
    text-align:left;
    padding-bottom:1rem
  }
  footer .elem_footer.left_s:before,footer .elem_footer.left_s:after {
    content:" ";
    display:table
  }
  footer .elem_footer.left_s:after {
    clear:both
  }
  footer .elem_footer.left_s a,footer .elem_footer.left_s span,footer .elem_footer.left_s a:before {
    line-height:2rem
  }
  footer .elem_footer.left_s span.link_footer {
    font-weight:bold;
    white-space:nowrap;
    display:block
  }
  footer .elem_footer.left_s a.link_footer {
    float:left;
    clear:both;
    margin-left:15px
  }
  footer .elem_footer.left_s a.link_footer:before {
    left:-15px
  }
  footer .elem_footer.right_s {
    padding:1rem 0;
    border-top:1px solid #fff
  }
  footer .elem_footer.right_s a,footer .elem_footer.right_s span {
    line-height:1.5rem
  }
  footer .elem_footer.right_s .link_footer {
    margin-left:0;
    padding:0 1rem
  }

  .contenttable {
    margin:10px
  }
  .csc-sitemap>ul>li {
    margin-top:15px;
    width:100%;
    display:block
  }
  .csc-sitemap>ul>li>a {
    font-weight:bold
  }
}


.tx-powermail {
  width: 500px;
  margin: auto;
}
.tx-powermail label {
  margin-bottom: 13px;
}
.powermail_fieldwrap {
  margin-bottom: 20px;
}
.powermail_form  input[type="submit"], .powermail_tab_navigation_previous, .powermail_tab_navigation_next {
    background-color: #c53004;
}
a.powermail_tab_navigation_previous, a.powermail_tab_navigation_next {
  color: #fff !important;
}
.powermail_form  input[type="submit"], .powermail_tab_navigation_previous, .powermail_tab_navigation_next {
    border: none;
    padding: 9px 14px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    /*float: left;*/
}

.powermail_form .powermail_fieldset input[type="text"], 
.powermail_form .powermail_fieldset input[type="tel"], 
.powermail_form .powermail_fieldset input[type="email"], 
.powermail_form .powermail_fieldset input[type="number"], 
.powermail_form .powermail_fieldset select {
    display: block;
    width: 100%;
    border: 1px solid #e2e2e2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #f7f8f7;
    height: 32px;
    padding: 5px 10px;
    font-size: 12px;
}

.powermail_form .powermail_fieldset textarea {
    display: block;
    width: 100%;
    border: 1px solid #e2e2e2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #f7f8f7;
    height: 200px;
    padding: 5px 10px;
    font-size: 12px;
}

fournisseurs p {
  padding:10px;
  font-size: 10px;
  text-align:center;
  color:#fff;
}








