/**** General ****/

body{background-color: #f8e8ea!important;background:url("../img/bg-body.jpg") no-repeat;background-size: cover;background-attachment:fixed}
.black-grey{color: #313131}
.grey-fonce{color: #525252}
.grey-clair{color: #6b6b6b}
.blue{color: #284a92}
.blue-h1{color: #27498f}
.white{color: #ffffff}
.uppercase{text-transform: uppercase;}
.clear{clear: both;}
.logo-site{position: absolute;margin-left: -270px;margin-top: -172px;}
.blue-title-actu{color: #233c7e}
.fleft{float: left;}
.fright{float: right}
.pd-left-zero{padding-left: 0!important;}
.link-article{color: #274a92}
.active-navbar{background-color: #98be29;color: white}
.bloc-white{background-color: #fff;padding: 10px;margin-top: 15px}
.bloc-white p{margin-bottom: 0px}
.bloc-grey{padding: 25px;}
.bloc-enjeux{margin-top: 40px}
a:hover{text-decoration: none;}
#content_center{margin-left: 10px}
.content .spacer-gif{display: none}
#content_center .bloc-powermail{max-width: 900px;}
.videoContent{width: 540px;height: 330px}
.videoWrapper{position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;}
.videoWrapper iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.align-left{text-align: left}
.align-center{text-align: center}
.align-right{text-align: right}
.img-responsive {display: block;height: auto;max-width: 100%;}
.container{margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px}
.container:before,.container:after{content:" ";display:table}
.container:after{clear:both}
.container:before,.container:after{content:" ";display:table}
.container:after{clear:both}

a:hover,a:focus{color :#00a392 !important}
  
/* Header */
.btn-engage{
    background: rgba(0, 0, 0, 0) url("../img/btn-engage.png") no-repeat scroll 0 0;
    height: 45px;
    padding-left: 70px;
    padding-top: 3px;
    width: 55%;
    margin: 30px auto 0;
}
.btn-engage a{
    color: white;
    float: right;
    font-family: "Oswald";
    font-size: 12px;
    font-weight: 700;
    padding-right: 10px;
}

/***************************************/
/******** RESPONSIVE IMG TYPO3 *********/
/***************************************/
DIV.csc-textpic .csc-textpic-imagewrap FIGURE {max-width: 100%;overflow: hidden;display: block;}
DIV.csc-textpic-center .csc-textpic-imagewrap,
DIV.csc-textpic-left .csc-textpic-imagewrap,
DIV.csc-textpic-right .csc-textpic-imagewrap,
DIV.csc-textpic-center FIGURE.csc-textpic-imagewrap,
DIV.csc-textpic-left FIGURE.csc-textpic-imagewrap,
DIV.csc-textpic-imagerow{width: 100%;display: block;}
DIV.csc-textpic-center .csc-textpic-center-outer,
DIV.csc-textpic-right .csc-textpic-center-outer,
DIV.csc-textpic-left .csc-textpic-center-outer,
DIV.csc-textpic-imagerow{max-width: 100%;}
DIV.csc-textpic-center .csc-textpic-center-inner,
DIV.csc-textpic-right .csc-textpic-center-inner,
DIV.csc-textpic-left .csc-textpic-center-inner,
DIV.csc-textpic-imagerow{width: 100%;}

/*MAINTPL*/
.pageContainer{width: 960px;margin: 0 auto}
/**** Header ****/

.header{background:url("../img/bg-header.png") repeat scroll 0 0 rgba(0, 0, 0, 0);  padding: 35px 34px 25px 22px;box-shadow: 5px 0 5px -5px #333;}

/**** Nav ****/
.menu{height:57px; width:904px;margin:0 auto;background:#219d83;}
.menu ul{ height:57px;list-style: outside none none;padding:0px}
.menu ul li{float:left; height:57px;box-shadow: 5px 0 5px -5px #333;
-moz-box-shadow: 5px 0 5px -5px #333;
-webkit-box-shadow:5px 0 5px -5px #333}
 .menu ul li.last{box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow:none}
.menu ul li a{display:block;float:left; height:55px; width:100%; text-align:center; font-size:16px; color:#FFF; text-decoration:none;padding-top:23px;position: relative;z-index:100}
.menu ul li ul {display:none; min-width:90px; z-index: 10; position:relative; margin:30px 0 0;}
.menu ul li:hover ul {display:block;}
.menu ul li ul li {display:block; margin:0; background:#219d83; width:100%; height:auto; padding:0 10px;}

.menu ul li ul li a {display:block; float:none; border:none; font-size:16px; text-align:left; font-weight:normal; background:none; padding:24px 0px;  height:auto;}
.menu ul li:hover ul li a {background:none !important; color:#ffffff !important;}
.menu ul li ul li:hover a {color:#ffffff !important;}
/* current */
.menu ul li.first{ width:25%}
.menu ul li.menu_2{ width: 23.6%;}
.menu ul li.menu_3{ width:26%;}
.menu ul li.last{  width: 25.4%;}
/* sous menu */
.menu ul li.first li{ width:100%;}
.menu ul li.menu_2 li{ width:100%;}
.menu ul li.menu_3 li{ width:100%;}
.menu ul li.last li{ width:100%;}
/* hover / active */
.menu ul li:hover{background:#98be29 ; color:#ffffff}
.menu ul li.active a{background:#98be29; color:#ffffff;font-weight:bold; }
.menu ul li li:hover{background:#98be29;}

/**** Footer ****/

.footer {    font-size: 20px;    margin: 0 auto;   padding: 50px 0 45px;}
.footer ul {    text-align: center;padding:0px}
.footer li {    display: inline-block;}
.footer ul li a {    background: url("../img/sep-pipe-grey.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);    color: #3f4341;    float: left;    padding: 0 30px;    text-decoration: none;    text-transform: uppercase;}
.footer ul li a:hover {    color: #096735;    text-decoration: underline;}
.footer ul li.last a {    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}

/**** Pre-Footer ****/

.big-prefooter {background: none repeat scroll 0 0 #8b929a;box-shadow: 0 4px 4px -4px #000;height: 100px;width: 100%;}
.prefooter {height: 100px; margin: 0 auto;}
.prefooter ul{list-style: none; text-align: center;}
.prefooter li {display: inline-block;}
.prefooter ul li a {font-size: 12px;background: url("../img/sep-pipe.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);    color: #fff;    float: left;    padding: 45px 25px 0;    text-decoration: none;}
.prefooter ul li a:hover {color: #98be29;text-decoration: underline!important;}
.prefooter ul li.last a {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}

/**Breadcrumb ***/

.breadcrumb {    margin-bottom: 25px;background: none}
.breadcrumb ul{  list-style: none;padding:0px}
.breadcrumb li {    float: left;}
.breadcrumb li a {    background: url("../img/sep-pipe-green.png") no-repeat scroll right 3px rgba(0, 0, 0, 0);    color: #00a392;    font-size: 12px;    padding: 0 10px;    text-decoration: none;    text-transform: uppercase;}
.breadcrumb li.first {    background: url("../img/breadcrumb_accueil.png") no-repeat scroll center center rgba(0, 0, 0, 0);    display: block;}
.breadcrumb li.first a { background-position: right 7px;   display: block;    text-indent: -99999px;    width:40px;padding-right: 20px}
.breadcrumb li.last a {    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}
.breadcrumb li.last {    color: #00a392;    padding: 0 10px;}

/* Site Map */
div.csc-sitemap ul a {    color: #00a392;    text-decoration: none;}
div.csc-sitemap ul {    padding-left: 20px;}
div.csc-sitemap ul li {    background: none no-repeat scroll 0 4px rgba(0, 0, 0, 0) !important;    color: #404244 !important;    font-size: 15px;    padding-left: 12px !important; padding-top: 5px;}
div.csc-sitemap ul li ul li {    background: none no-repeat scroll 2px 4px rgba(0, 0, 0, 0) !important;    font-size: 13px;    padding: 0px;}
div.csc-sitemap ul li ul li ul li {    background: none no-repeat scroll 2px 3px rgba(0, 0, 0, 0) !important;}
div.csc-sitemap ul li ul li ul li a:hover {    color: #be9905 !important;}
div.csc-sitemap ul li ul li ul li ul li {    background: none no-repeat scroll 2px 6px rgba(0, 0, 0, 0) !important;}
div.csc-sitemap ul li ul li ul li ul li a:hover {    color: #7bb824 !important;}
div.csc-sitemap ul li ul li ul li ul li ul li {    background: none no-repeat scroll 2px 6px rgba(0, 0, 0, 0) !important;}
div.csc-sitemap ul li ul li ul li ul li ul li a:hover {    color: #bb0067 !important;}

/* home */
#home.container{padding:0 0px;}
#home.container .col-bottom{margin:0px 10px}
#home .bouton.bouton-pro:hover{color: #98BE29!important;}	

/* Page Liste */
#page-liste .bloc-picto{width:9%;height:80px;background:#8b929a;font-weight:bold;font-size:20px;text-transform:uppercase;color:#fff;float:left;}
#page-liste .bloc-picto.titre-plantes-1{background: url("../img/bg-plantes-consensus.png") no-repeat scroll 15px center #8b929a;}
#page-liste .bloc-picto.titre-plantes-2{background: url("../img/bg-plantes-recommendations.png") no-repeat scroll 15px center #8b929a;}
#page-liste .bloc-titre{float:left;width:91%;height:80px;background:#00a392;font-weight:bold;font-size:20px;text-transform:uppercase;color:#fff;padding:28px 0 0 20px;margin-bottom:40px;}


#page-liste .list-description{;margin-bottom:40px}
#page-liste .list-description  p{font-size:12px;padding:0px 30px}
#page-liste h3{color:#00a392;font-size:24px;font-weight:bold;line-height:24px;margin-bottom:9px;padding-bottom:7px;}
#page-liste .container  .bloc-list{background:#ffffff;padding: 13px 13px;margin-bottom:7px;line-height:15px;color:#3f4341;position:relative;}
#page-liste .container  .bloc-list p{margin:7px 0;font-size:12px;color:#3f4341}
#page-liste .container  .bloc-list img{margin-right:18px}
#page-liste .container  .bloc-list .link-more{position:absolute;bottom:5px;right:15px;font-size:13px;color:#8b929a;text-decoration:none;font-weight:bold}
#page-liste .container  .bloc-list .link-more:hover{text-decoration:underline}
#page-liste .container  .bloc-list .link-more .plus{color:#00a392}
#page-liste .container  .bloc-list .bloc-texte{min-height: 135px}


/* Page produit */
.fiche-product .bloc-picto{width:9%;float:left;height:80px;background:#8b929a;font-weight:bold;font-size:20px;text-transform:uppercase;color:#fff;padding:28px 0 0 0px;}
.fiche-product .bloc-picto.titre-plantes-1{background: url("../img/bg-plantes-consensus.png") no-repeat scroll 15px center #8b929a;}
.fiche-product .bloc-picto.titre-plantes-2{background: url("../img/bg-plantes-recommendations.png") no-repeat scroll 15px center #8b929a;}
.fiche-product .bloc-titre{width:72.7%;float:left;height:80px;background:#00a392;padding:28px 0 0 25px;font-weight:bold;font-size:20px;text-transform:uppercase;color:#fff;}
.fiche-product .bloc-return-list{float:right;width:17%;height:80px;background:#8b929a;padding:28px 0 0 0px;font-weight:bold;font-size:14px;text-transform:uppercase;color:#fff;text-align:center}
.fiche-product .bloc-return-list a{color:#fff;text-decoration:none;display: inline-block;    padding-top: 5px;}
.fiche-product .img-product{;margin-top:17px}
.fiche-product .caracteristic-product{background:#fff;padding: 30px 30px 0 30px;margin-top:17px;height:242px;font-size:12px}
.fiche-product .caracteristic-product span{display:inline-block;vertical-align:middle; padding: 0;}
.fiche-product .caracteristic-product .label_product{font-size:16px;color:#00a392;font-weight:bold;}
.fiche-product .caracteristic-product div{border-bottom:#729960 2px solid;padding:13px 0; margin: 0;}
.fiche-product .caracteristic-product div.last{border-bottom:none}

.fiche-product .tab ul{list-style-type:  none;padding:0}
.fiche-product .tab-top{ height:57px;background:#dedede;margin-top:20px;}
.fiche-product .tab .tab-top li{float:left; height:57px;box-shadow: 5px 0 5px -5px #333;
-moz-box-shadow: 5px 0 5px -5px #333;
-webkit-box-shadow:5px 0 5px -5px #333}
.fiche-product .tab li.last{box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow:none}
.fiche-product .tab li a{float: left;text-align: center;font-size: 14px;color: #3f4341;text-decoration: none;padding: 25px 24px 0 24px;}
.fiche-product .tab li.active {background:#fff}
.fiche-product .tab-bloc{display:none;background:#fff;padding:15px 30px}

.fiche-product  div.tab-blocs > div:first-child{ display:block}
.fiche-product .tab .tab-top li a.no-padding{padding-top:0px}
.fiche-product .tab .tab-top li a.padding-15{padding-top:15px}

.fiche-product  h2{margin:10px 0;padding:0;color:#00a392;    font-size: 16px;font-weight: bold}

/* Powermail */



.content{ background: url("../img/bg-header.png") repeat scroll 0 0 rgba(0, 0, 0, 0);}
#home.container{padding:38px 25px;}
#page-classic .bloc-titre {    border-bottom: 2px solid #98be29;    color: #00a392;    font-size: 20px;    font-weight: bold;    margin: 40px 0 20px;    padding-bottom: 15px;    text-transform: uppercase;}
#page-classic .bloc-titre h1{    font-size: 20px; font-weight: bold;    margin: 0;    padding: 0;}
#page-classic a{color:#00a392}
.container .bloc-left-home a, .container .col-bottom a { color: #3f4341;    font-size: 13px;    text-decoration: none;}
.container .bloc-list {    background: none repeat scroll 0 0 #ffffff;    color: #3f4341;    line-height: 18px;    margin-bottom: 7px;    padding: 10px 0px;    position: relative;}
.container .bloc-left-home {    background: none repeat scroll 0 0 #ffffff;    line-height: 20px;    margin-bottom: 7px;       padding: 18px 13px 12px;}
.container .col-bottom {
    background: none repeat scroll 0 0 #ffffff;
    padding: 15px;
}
.border-green-intermediate {    border-bottom: 2px solid #00a392;}
h2 {color: #3f4341;    font-size: 22px;    font-weight: bold;    line-height: 25px;    margin-bottom: 18px;    padding-bottom: 10px;margin-top:0px}
#page-classic h2 {    color: #096735;    font-size: 18px;    margin: 10px 0;    padding: 0;}
.border-grey {  border-bottom: 2px solid #3f4341;}
h3 {margin-top:0px;
    color: #00a392;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 9px;
    padding-bottom: 7px;
}
.link-more {
    bottom: -10px;
    color: #3f4341;
    font-size: 13px;
    position: absolute;
    right: 15px;
    text-decoration: none;
}
.bloc-video{background-color: white;margin-top: 10px;margin-bottom: 10px;padding-top: 20px;padding-left: 40px;padding-bottom: 20px}
a.bouton.bouton-pro {
    background-image: url("../img/btn-pro.png");
    background-repeat: no-repeat;
}
a.bouton {
    background: none repeat scroll 0 0 #00a392;
    color: #ffffff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 5px 3px 123px;
    text-decoration: none;
    text-transform: uppercase;
}


#page-classic .bloc .bloc-picto{margin-top:15px;width:18%;height:80px;background:#8b929a;font-weight:bold;font-size:20px;text-transform:uppercase;color:#fff;padding:28px 0 0 0px;float:left}
#page-classic .bloc .bloc-picto.titre-plantes-1{background: url("../img/bg-plantes-consensus.png") no-repeat scroll 15px center #8b929a;}
#page-classic .bloc .bloc-picto.titre-plantes-2{background: url("../img/bg-plantes-recommendations.png") no-repeat scroll 15px center #8b929a;}
#page-classic .bloc .bloc-titre{border:none;width: 82%;height:80px;background:#00a392;font-weight:bold;font-size:20px;text-transform:uppercase;color:#fff;padding:28px 0 0 20px;margin:15px 0 15px 0;float:left}

/**** Powermail ****/

div.powermail_form_1 {font-family: Arial,sans-serif;font-size: 12px;width: 100%;}
.powermail_form_1 legend {display: none;}
.powermail_form_1 fieldset.powermail_fieldset_1{padding: 25px;}
.powermail_form_1 fieldset.powermail_fieldset_1 label {color: #00a392;display: inline-block;font-size: 12px;font-weight: normal; float:left;width: 122px;}
.powermail_form_1 fieldset.powermail_fieldset_1 textarea, .powermail_form_1 fieldset.powermail_fieldset_1 input[type="email"], .powermail_form_1 fieldset.powermail_fieldset_1 input[type="text"] {
    border: 1px solid #40845e;    display: inline-block;    height: 25px;    margin: 0 23px 10px 0;    width: 329px;}
.powermail_form_1 fieldset.powermail_fieldset_1 textarea {    height: 200px;    width: 550px;}
.powermail_form_1 fieldset.powermail_fieldset_1 input.powermail_submit {    background: none repeat scroll 0 0 #98be29;    border: medium none;color: #fff;float: right;font-size: 14px;    font-weight: bold;    padding: 17px 40px;    text-transform: uppercase;}
.error {    background: none repeat scroll 0 0 #ff7272 !important;    padding: 10px;}
html:root .error em {    border-color: #ff7272 transparent !important;}
span.mandatory{color:red}
.tx-powermail legend, .tx-powermail h3 {    display: none;}
/**** Plan du site ****/
.csc-sitemap ul:first-child{padding-left: 0}
.csc-sitemap li{list-style: none;padding-bottom: 10px;}
.csc-sitemap li:before {content: "- ";}

.slicknav_menu{background: none repeat scroll 0 0 #00a295!important;}
.slicknav_btn{background-color: #00a295!important}

#dgcookiesAlertBig #dgcookiesPersonalize { background: none repeat scroll 0 0 #009999 !important;}

/**** Media Query ****/
@media screen and (min-width: 769px){
    body .container{width: 100%;max-width:964px }
       
}


@media screen and (max-width: 768px) {
   
    body .container{width: 100%;}
	#home.container{padding:0 15px;}
	.bloc-left-home .link-more{  position: relative !important;  text-align: center;  display: block;  width: 100%;}
    .header{padding: 10px;}
	a.bouton {font-size:13px}
      #menu-mobile{display:none;}
	.menu{width:100% !important;height: auto ; position: relative;  z-index: 1000;}
	.menu ul li{height: auto}
	.menu ul{height: auto}
	.menu li{width:100% !important;}
	.menu ul li ul li{display: inline-block}
	.menu ul li a{height:40px;float:none;text-align: left;padding-top: 10px}
	.menu ul li ul{margin-top:0px}
	.menu ul li ul li a{padding:12px 0px}
	.breadcrumb{padding:0;margin:0}
	#page-classic .bloc-titre{margin-top: 0}
	.slicknav_nav a:hover{border-radius: 0px !important;background: none !important;}
	.footer{  padding: 25px 0 25px}
	.footer ul {padding:0px}
	.footer ul li a{display:block; background: none;float:none}
	.footer ul li {display:block}
	.prefooter ul{padding:0px}
	.prefooter ul li a{padding: 45px 8px 0;}
	.fiche-product img{display: block;    height: auto !important;    max-width: 100% !important;}
	.fiche-product .tab-top {text-align: center;padding-top:20px}
	.fiche-product .tab-bloc{display: block}
	.fiche-product .bloc-picto{width:18%}
	.fiche-product .bloc-titre{width:82%;padding: 15px 0 0 25px;}
	.fiche-product .caracteristic-product{padding:15px}
	
	.powermail_form_1 fieldset.powermail_fieldset_1  input{width: 100% !important;height: 25px}
    .powermail_form_1 fieldset.powermail_fieldset_1  textarea{width: 100% !important;height: 100px}
	.powermail_form_1 fieldset.powermail_fieldset_1 input.powermail_submit{padding:0 !important}
	
	#page-classic .container{word-wrap:  break-word}
	#page-liste .bloc-picto {width:30%}
	#page-liste .bloc-titre {padding: 20px 0 0 20px;width: 70%;font-size:15px}
	#page-liste .list-description p{padding:0}
	#page-liste .container .bloc-list{padding:10px 0 0 0}
	.fiche-product .bloc-picto {width:30%}
	.fiche-product .bloc-titre {padding: 20px 7px 0 7px;width: 70%;font-size:15px}
	.fiche-product .tab-bloc{padding:15px 10px}
}

@media screen and (max-width: 992px) {
    .content .imgtext-table{width: 100%!important;}
    .content .imgtext-table img{width: 100%!important; height: auto!important;}
    .content .imgtext-table tbody tr:first-child{display: none}
    .menu .menu-deroulant .bloc{width: 23%}
    .menu .menu-deroulant .bloc-red{width: 22%;}
    .menu .menu-deroulant > .bloc{font-size: 9px;}
    .menu .menu-deroulant .bloc-red a{font-size: 8px;}
    .menu .menu-deroulant .bloc-red span{font-size: 9px}
    .menu .menu-deroulant .bloc-red{padding-top: 10px;padding-left: 80px}
	
	
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

	.fiche-product .img-product{text-align: center}
	.fiche-product img{display: inline-block;    height: auto !important;    max-width: 100% !important;}
	.fiche-product .tab-top {text-align: center;padding-top:20px}
	.fiche-product .tab-bloc{display: block}
	.fiche-product .bloc-picto{width:18%}
	.fiche-product .bloc-titre{width:82%;padding: 15px 0 0 25px;}
	.fiche-product .caracteristic-product{padding:15px}
	
	.fiche-product .bloc-picto,
	#page-liste .bloc-picto {width:11%}
	.fiche-product .bloc-titre ,
	#page-liste .bloc-titre {padding: 28px 0 0 25px;width: 89%;font-size:20px}
	
		a.bouton {font-size:18px}

	#page-liste .container  .bloc-list .bloc-texte{min-height: 110px}
}

@media screen and (max-width: 320px){
    .header{height: 74px;}
}

@media screen and (max-width: 540px){
    .header{min-height: 150px;}
    .bloc-white .colLeft,
    .bloc-white .colRight{width: 100%}
}

.contenaire-iframe {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.contenaire-iframe iframe,
.contenaire-iframe object,
.contenaire-iframe embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}