/* ---------------------------------------
	Template EV 2020  - BEN 18-01/2023
-----------------------------------------*/


/* ---- ----------------------Couleurs -------------

vert #13ab8f  #13ab8f
vert foncé hover #6B9A05
-------------------------------------------------------*/


html {  height: 101%;}

body {  margin: 0;  padding: 0;  position: relative;    background-color: #ffffff;	color: #424141;	text-align: left;	line-height: 2;	font-size: 18px; font-family: 'Open Sans', sans-serif;	height: auto;
}
body.contentpane {  background: #fff;}
* { padding: 0;    margin: 0;}

h1, h2, h3, h4, h5, h6, div.contentheading, .componentheading {  padding: 3px 0;  margin: 0;  font-style: normal;  font-weight: normal; text-align: left; font-family: 'Poppins',sans-serif; line-height:1.2}
h1, div.componentheading { font-size: 38px;  font-weight: 600;     padding: 30px 0; text-align: left;}
h1 a, h2 a {	color: #000;}
h2, div.contentheading {font-size: 29px;	 font-weight:600;     padding: 25px 0;}
h3 {	font-size: 130%;	 font-weight:600;     padding: 20px 0;}

ul, ol {  padding: .75em 0 .75em 0;  margin: 0 0 0 20px;}
ul.menu {	margin: 0;	padding: 0;}
ul.menu li {    list-style: none;}
li {    line-height: 1.8; padding-bottom: 7px;}
ul.menu_usermenu li {	float: left;    list-style-type: disc;    margin: 0 20px 5px 0;}
p {  padding: 10px 0;}
address {  margin: .75em 0;  font-style: normal;}
a {	color: #13ab8f;	text-decoration: none !important;	line-height: 20px;}
a:hover {	color: #13ab8f;	text-decoration: none;}
a:focus {    color: #13ab8f;	outline: none;}
a.top {    background-color: #13ab8f;    color: #fff;    padding: 5px 15px;}
a.top:hover {color:#000}
a.ligne{padding:5 25px;display:inline-block;text-align:center;font-size:1.2em}

.nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus {background-color: #13ab8f;}
.nav-list > li > a:hover {background-color: #f2f2f2;}

img {  border: none;}
em {  font-style: italic;}
strong {  font-weight: 600;}
form, fieldset {  margin: 0;  padding: 0;  border: none;}
input, button, select {  vertical-align: middle;}
select {	height:33px;}
option {	padding: 2px 5px;}
.clr {	clear : both;}
.column.column2 {    width: 35%;}
.column.center {    width: 65%;}
.noright .column.center {   width: 100%;}
.flexiblemodule, .column {    float: left;}

ul.actions {	margin: 0;}
ul.actions li a {	text-decoration: none;}

  .faq { max-width: 880px; margin: 0 auto; padding: 1rem; }
  .faq h2 { font-size: 1.875rem; line-height: 1.2; margin-bottom: .75rem; }
  .faq article { border-bottom: 1px solid #e5e7eb; }
  .faq-question {
    appearance: none; border: 0; width: 100%; text-align: left; background: transparent; cursor: pointer;
    padding: .9rem 0; font-size: 1.125rem; line-height: 1.4; position: relative;
  }
  .faq-question:focus-visible { outline: 2px solid #111; outline-offset: 4px; }
  .faq-question::after {
    content: "+"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-weight: 700;
  }
  .faq-question[aria-expanded="true"]::after { content: "−"; }
  .faq-answer { padding: 0 0 1rem 0; }
  .faq p, .faq li { line-height: 1.7; }

/* ----------------- Custom styling ------------------------*/
.container, .container-fluid {	margin: 0 auto;}
.container {	width: 100%;}
.container-fluid {	max-width: 100%;}
.invalid {border: red;}
#usermenu {	margin: 0 20px;}
#center > div.inner {	padding: 0px 0;}
#right > div.inner {	background: ;}
#right div.moduletable, #right div.module,#right div.moduletable_menu, #right div.module_menu {	background: #f5f5f5;	border: #e3e3e3 1px solid;	margin: 20px;	padding: 20px;}
.moduletable li {	margin-bottom: 10px;	line-height: 22px;}
.table th, .table td {	border-top: 1px solid #ddd;    line-height: 18px;    padding: 8px;    text-align: left;    vertical-align: top;}

.alert-message {padding-top:0px; border-color: #6B9A05;    border-width: 5px;    color: #333;    font-size: 14px; width:80%; margin:auto;}
.alert-message h4 {	text-align:center; color: #6B9A05;	font-weight: bold; padding-bottom: 15px;}
#system-message { text-align: center; width:80%; margin: auto; margin-top:50px;}
#system-message h4 { text-align: center;color: #6B9A05;padding: 15px 0;}
.alert {padding: 8px 35px 8px 60px;}

label, label.fabrikTip {margin-bottom:5px; display:block!important;}
.input-append input {padding: 6.5px;}
.outline {	outline: thin dotted #08c;}
.bg-white {	background: #fff none repeat scroll 0 0;      padding-top: 2px;}
.bg-black {	background: #555555 none repeat scroll 0 0;	color: #FFFFFF;	padding: 15px;}
.two-rows {	min-height: 60px;}
.mceContentBody {	background: #fff none repeat scroll 0 0;}

/*---- Icones ----*/
[class^="icon-"], [class*=" icon-"] {	margin-right: 0px;}
.icon-eye-open  {	color: #13ab8f;	}
.icon-star {	color: #ffcc00;}

/*---- Backgrounds ----*/
.bg-primary {    background-color: #6B9A05;    color: #fff;	padding: 15px;}
.bg-success {    background-color: ;	padding: 10px;}
.bg-info {    background-color: #d9edf7;	padding: 15px;}
.bg-warning {    background-color: #fcf8e3;	padding: 15px;}
.bg-danger {    background-color: #f2dede;	padding: 15px;}

/*------- Boutons ------*/
.button, button, button.btn, input.btn, :not(.btn-group) > .btn, .btn-group > .btn.active {    line-height: 25px;      border-radius: 3px;    transition: all 300ms ease-in;     font-size: 13px;}
.input-append input, .input-append select, .input-append .uneditable-input, .input-append .dropdown-menu, .input-append .popover, .input-prepend input, .input-prepend select, .input-prepend .uneditable-input, .input-prepend .dropdown-menu, .input-prepend .popover {font-size: 13px;}
.btn-primary {    background-color: #13ab8f;}
.btn-black {background:#555555;}
.btn:hover,.btn-black:hover, .btn-primary:hover, .btn:active, .btn-primary:active, .btn:focus, .btn-primary:focus {background-color: #13ab8f;}
.btn-success, .btn-info {border: 1px solid #c4c4c4;    background: #fff;  color: #565a5c;}
.btn-success:hover, .btn-info:hover, .btn-success:active, .btn-info:active, .btn-success:focus, .btn-info:focus { border: 1px solid #aaa;background: #F2F2F2;  color: #565a5c; }

/* -------logo et menu top ------------*/
#wrapper2 {  height:auto;  width: 100%;  top:0;  z-index: 3;	text-align: right;}
#wrapper2 .affix {	top:0;	width:100%;}
#banner > div.inner {	margin: auto;	height: 60px;	box-sizing:border-box;}
.inner-top, .inner-bottom {	width: 1140px;    margin: auto;    box-sizing: border-box;    padding: 5px 0;}

/*------------- BANNER TOP -------------- */
#bannertop, #bannerlogo, #bannermenu {   width: 100%;    box-sizing: border-box;}
#bannertop {position:relative; background-color:#13ab8f; height: 40px; z-index:1;}
#bannertop .inner-top {padding-top: 8px;}
#recherche-libre {float: left;    width: 260px;    margin-top: 25px;    margin-left: 50px;}
#recherche-libre .input-large {font-size: 14px;   padding: 5px;    width: auto;    border-radius: 3px 0 0 3px;    }
#recherche-libre .btn {  font-weight: 300;    font-size: 15px;    padding: 2px 5px 5px 5px;    background-color: #fff;    color: #555555;    border: 1px solid #ddd;    height: 30px;
    vertical-align: bottom; margin-left:2px; text-transform: uppercase; display:none}
#recherche-libre .btn:hover {background-color: #13ab8f; color: #fff;}
#bannertop-left {float: left;    color: #fff;    font-size: 13px;  padding-top: 2px;    padding-right: 120px;}
#bannertop-right {padding-top: 2px; color:#FFFFFF; font-size:13px;}

/* ------------- LOGO ------------------------ */
#logo-menu {float:left; margin: 20px 15px 10px 0;}
#logo-menu img {height: 42px!important; width: auto;}

/* ------------BANNER MENU-------------------------- */
#bannerfix {  margin-top: 0;  width: 100%;  height:80px;  box-sizing: border-box;}
#bannermenu {  background: #fff;        }
#bannermenu .inner-top {padding:0; max-height: 80px; position:relative;}

/* --------------- HEADER et fil d'ariane ----------------------- */
#wrapper3 {	position: absolute;	z-index:2;width:100%}
#wrapper3 .moduletable_breadcrumb {	width:100%; background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0;}
#wrapper3 ul.breadcrumb_breadcrumb { color: #fff;  width: 1140px;		margin: 0px auto;    font-size: 12px;    list-style: outside none none;    padding: 0 0 0 0px;    z-index: 10;}
#wrapper3 ul.breadcrumb_breadcrumb li {	display: inline-block; padding: 5px 0;}
#wrapper3 .breadcrumb_breadcrumb > li > .divider {	padding: 0 3px;}
#wrapper3 ul.breadcrumb_breadcrumb a {  color:#fff;}
.moduletable_breadcrumb .icon-location {display:none;}
.breadcrumb {	padding: 0;	margin: 0;}
.breadcrumb li {	margin: 0;}
.moduletable_header {margin-top:0px;}

/*------------------------ Pano header---------------- */
#wrapper {	position: relative;    z-index: 1; margin-top:0px;}
#wrapper > div.inner {	width: 100%;	box-sizing:border-box;}
.header-pano-wrapper {	min-height:500px;	position:relative;	overflow:hidden;     margin-top: 0; z-index:1;}
.header-pano-bg {	position: absolute;	left: -1000px;	right: -1000px;	text-align: center;		z-index: 1;}
.header-pano-title {	position:absolute;	text-align:center;	top:35%;	width:100%;	text-shadow: 5px 2px 3px rgba(0, 0, 0, 0.2);  	padding: 20px 0 10px 0;      z-index: 2;}
.header-pano-title h1, .header-pano-title h2 {	color:#FFFFFF;	padding: 0 15px;	box-sizing: border-box;}
.header-pano-title h1 {	font-size: 50px;     font-weight: 600; text-align: center;}
.header-pano-title h2 {	font-size: 20px;      margin-top: 20px;  font-weight: 400;     text-align: center;}
.header-standard {	margin: auto;    padding: 30px 0 0 0;}

/* -------- Listes fabrik -------- */
#wrapper .inner-list {	width: 1140px;	box-sizing: border-box;	margin: auto;}
.fabrikElementReadOnly {margin-top:0;}

/* Navigation dans les listes fabrik -----*/
.limit {float:left;    margin-right: 30px; margin-bottom: 30px;}
.pagination-list {padding:0}
.limit small {font-size:14px}
.input-append, .input-prepend {font-size:14px;}
input, button, select, textarea {    font-family: 'Open Sans';}
.input-append .add-on, .input-prepend .add-on {    display: inline-block;    width: auto;    height: auto;    min-width: auto;    padding: 4px 5px;
    font-size: 100%;    font-weight: normal;    line-height: 18px;    text-align: center;    text-shadow: none;    background-color: #fff;    border:none;}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {	background-color: #fff;}

/* ------- Pages detail fabrik ---------------------- */
#wrapper .inner-detail {    box-sizing: border-box;    margin: auto;    max-width: 1140px;}
.fabrikDetails {margin-top: 0px;}
.header-wrapper {position: relative;}
#resultats-recherche {    padding-top: 10px;}

/* ------- Pages detail articles ------------------ */
#other-article {margin-top:0;}
#other-article-main {margin-top:30px;}
#other-article-description a {font-weight:600;}
#col-right {position: relative; margin-top:10px;}
#col-right-scroll.affix {z-index: 3; position: fixed; top: 10px; width: 266.81px;}
.img-article img {	width: 100%; }
.row-related-infos {margin: 30px 0;    line-height: 1.4!important; }
.img-related-infos {width: 100%; margin-right: 25px;}
.img-related-infos img {width: 100%; margin-bottom: 5px; margin-top: 10px; }
.title-related-infos {width: 50%; display: inline;  font-size: 15px; }
.sommaire-title {font-weight:600; display:inline-block;}
#collapse-sommaire {display:none;}
.link-back-top {float:right; margin-top:8px;     margin-right: 8px;}
.scroll-top {float:right;}
.sommaire-article {margin: 5px 0; padding: 0;}
.t3 {font-weight:600; text-align:center;}
.sommaire-article ul {list-style: none; padding:0; margin:0; border: 1px solid #ccc; border-radius:3px; max-height: 650px;   overflow: auto;}
.sommaire-article li {line-height: normal; list-style-type: none; margin: 0; font-size: 14px; padding: 0; border-bottom: 1px solid #ddd;}
.sommaire-article li a {display:block; margin:0; display:block; padding: 6px 8px; }
#related-articles-bottom {margin: auto; margin-top: 25px;margin-bottom: 25px; display:block; float;left;}
#related-articles-bottom .row-related-infos {width: 25%; float: left; box-sizing: border-box; height: 220px; padding-right: 15px;}
#related-articles-bottom .row-related-infos .img-related-infos {width: 100%; max-height: 180px; margin-bottom: 10px; overflow: hidden; margin-right: 25px;}
.sans-sommaire {    width: 80%;    margin: auto;    padding-top: 20px;}

/* ---- Formulaires fabrik -----------*/
.inner-form {box-sizing: border-box; margin: auto; max-width: 1140px;}
.fabrikActions {text-align:center;}

/* Formulaire de contact ---*/
#form-contactez-nous [class^="icon-"], #form-contactez-nous [class*=" icon-"], #comments [class^="icon-"], #comments [class*=" icon-"]{display:none;}
#form-contactez-nous .form-actions {      padding-left: 0;}

/* ------- FOOTER ---------*/
.footer-standard .inner-detail { max-width: 710px; padding-top: 30px;}

/*---------------- Newsletter---------------*/
#newsletter {       padding-top: 15px; }
#newsletter .input-append {	margin-top: 15px; margin-left: 0;white-space: normal;}
#newsletter .input-append .btn {}
#newsletter h3 {text-transform: uppercase; font-weight: bold; line-height: 140%;}
.logo-nl {float:left; }
.newsletter-subtitle { margin-left: 2px;}
#newsletter .form-horizontal .controls {    margin-left: 0;     white-space: normal;}
#wrapper1 {	background-color: #181212;    position: relative;      z-index: 1;     margin-top: 15px;     padding: 20px 0;}
#wrapper1 > div.inner {	color: #FFFFFF;	width:100%;	box-sizing:border-box;}
#footer .moduletable {	margin-top: 15px;}
#footer .moduletable_mod2 {	margin-top:25px;}
#newsletter h3 {  color:#fff;}
#footer2 a {	color: #fff;}
#footer {	position: relative; margin: 25px 0;height: 300px;padding-bottom: 30px;}
#footer > div.inner {	padding: 0px;}
#footer h3, #contact-bottom h3, .footer-titre { color: #fff; text-transform: uppercase; text-align: left; font-size: 16px; margin: 20px 0 10px;font-weight: 600;}
#newsletter .btn, #contact-bottom .btn, #footer .btn, #reviews-invite .btn {   color: #fff; border: none;}
#footer a { color:#13ab8f}
#footer a:hover { color:#6B9A05}
#contact-bottom {  padding:30px 0;/*Contact bottom caché*/  display: none;}
#footer2 ul {list-style-type:none; margin: 0 0 0 15px;}
#footer2 li {display : list-item; list-style-image : url(/images/footer/fleche-footer.jpg);     font-size: 13px;}
#footer3 img {float:left; margin-right:20px;}

/* ------------------------------------------- AFFICHAGE SELON RESOLUTION --------------------------- */
@media screen and (min-width: 1590px) {.header-pano-img {	min-width: 1620px;}}
@media screen and (min-width: 1620px) {.header-pano-img {	max-width: 1920px;}}
@media screen and (min-width: 768px) {  #header-accueil .header-pano-wrapper {display:none}}
@media screen and (max-width: 767px) {  #header-accueil .header-pano-wrapper-video {display:none} .zopim { display: none!important;}}