/*
	Theme Name: Dalival
	Theme URI: http://www.kookline.net
	Description: Thème site Dalival
	Version: 1
	Author: KOOKline
	Author URI: http://www.kookline.net
	Tags: HTML5, CSS3
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:300 16px 'Roboto', Helvetica, Arial, sans-serif;
	color:#444;
}
/* clear */
.contact form.wpcf7-form:before,
.contact form.wpcf7-form:after,
.clear:before,
.clear:after {
    content:' ';
    display:table;
}
.contact form.wpcf7-form:after,
.clear:after {
    clear:both;
}
.contact form.wpcf7-form,
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
.fs{
  font-family: 'robotolight';
  font-size: 18px;
}
.tcenter{
  text-align: center;
}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width:1280px;
	width: 1024px;
	margin:0 auto;
  padding: 0;
	position:relative;
  padding-bottom: 20px;
}
.bandeau .wrapper,
.header .wrapper{
  padding: 0;
}
#contenu{
  width: 835px;
  margin: 10px auto;
}
/* header */
.header {

}
/* logo */
.logo {

}
.logo-img {

}
/* nav */
.nav {

}
/* sidebar */
.sidebar {

}
/* footer */
.footer {

}
.vert{
  color:#00553C;
}
button:hover{
  background-color: #97D700;
}
/*------------------------------------*\
    PAGES
\*------------------------------------*/
.breadcrumbs{
 margin: 10px auto;
    font-size: 15px;
    color:#888888;
    font-weight: 500;
    line-height: 28px;
}
.breadcrumbs a{
    font-size: 15px;
}
#contenu h2,
.h2{
  font-size: 30px;
  font-family: 'Roboto',sans-serif;
  color: #00553c;
  font-weight: bold;
  margin-bottom: 5px;
}
#contenu h2:first-child{
  margin-top: 0;
}
.home h2,
.home h2 a{
  color: #333 !important;
}
.home h2 a:hover{
  color: #97d700;
}
#contenu ul li{
  list-style: none;
  line-height: 20px;
  margin-bottom: 3px;
}
#contenu ul li:before{
  content:'\02022';
  display: inline-block;
  vertical-align: bottom;
  margin-right: 5px;
  font-size: 25px;
  color: #00553c;
  line-height: 20px;
}
#contenu ul li li:before{
  content:'\f178';
  font-family: 'FontAwesome';
  font-size: 14px;
  color: #acd956;
}
#contenu ul li ul{
  margin-top: 3px;
}
#contenu hr{
  height: 3px;
  border: none;
  display: block;
  margin-left: -25px;
  background-color: #acd956;
}
.padleft{
  padding-left: 40px;
}
body {
  font-family: 'robotoregular';
  margin: 0;
}
a {
  text-decoration: none;
}
button{
  background: none;
  border:none;
}
h1,h2,a {
  color: #00553C;
}
.container > .wrapper p a,
.container > .wrapper li a,
.padleft a,
.d-pomme-txt p a,
.d-pomme-txt li a
{
    text-decoration: underline;
    color: #00553c;
}
.container {
  position: relative;
  /*width: 1025px;
  margin: 0 auto;*/
}
/*HEADER*/
.header {
  background-color: #00553c;
}
.justified{
  text-align: justify;
}
.btn-top-right {
  float: right;
  /*margin-bottom:10px;*/
  padding-top: 5px;
  width: 260px;
  position: relative;
  /*padding-bottom:5px;*/
  z-index: 55;
}

.informations #partenaires{
	position: relative;
}

.blocRS{
	display: flex;
    justify-content: space-around;
    align-items: center;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
}

.blocRS .facebook {
	height: 50px;
	width: 50px;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	background: white;
	margin: 0 5px;
	transition: all 0.3s ease-in-out;
	border: 2px solid #385895; 
}

.blocRS .facebook:before {
	content: '\f09a';
	font: normal normal normal 20px/1 FontAwesome;
	color: #385895;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.blocRS .facebook:hover {
	background-color: #385895;
	transition: all 0.3s ease-in-out;
}

.blocRS .facebook:hover:before {
	color: white;
}

.blocRS .instagram {
	height: 50px;
	width: 50px;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	background: white;
	margin: 0 5px;
	transition: all 0.3s ease-in-out;
	border: 2px solid #d03082; 
}

.blocRS .instagram:before {
	content: '\f16d';
	font: normal normal normal 20px/1 FontAwesome;
	color: #d03082;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.blocRS .instagram:hover {
	background-color: #d03082;
	transition: all 0.3s ease-in-out;
}

.blocRS .instagram:hover:before {
	color: white;
}

.blocRS .linkedin {
	height: 50px;
	width: 50px;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	background: white;
	margin: 0 5px;
	transition: all 0.3s ease-in-out;
	border: 2px solid #0e76a8; 
}

.blocRS .linkedin:before {
	content: '\f0e1';
	font: normal normal normal 20px/1 FontAwesome;
	color: #0e76a8;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.blocRS .linkedin:hover {
	background-color: #0e76a8;
	transition: all 0.3s ease-in-out;
}

.blocRS .linkedin:hover:before {
	color: white;
}

.btn-top-right span {
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
.btn-top-right #logo-panier {
  width: 40px;
  position: relative;
}
.btn-top-right #logo-panier .badge
{
  position: absolute;
  top: -2px;
  right: -3px;
  display: block;
  height: 15px;
  width: 15px;
  background: white;
  border-radius: 50%;
  text-align: center;
  line-height: 15px;
  font-weight: normal;
  color:#00553c;
}
.btn-top-right #contact {
  width: 100px;
  /*height: 62px;
  padding-top: 40px;*/
  line-height: 20px;
  margin: 0 5px;
}
.btn-top-right #langues {
  background: rgba(0,0,0,0.75);
  padding: 2px 3px;
  color:white;
  line-height: 16px;
  border-bottom: 1px solid white;
  padding-right: 20px;
  position: relative;
  transition:all 0.5s ease;
  font-size: 11px;
}
.btn-top-right #langues:before{
  content: '';
  width: 15px;
  height: 9px;
  background: url(img/fleche_lang.png) no-repeat top left;
  position: absolute;
  right: 2px;
  top: 6px;
  transition: all 0.5s ease;
}
.btn-top-right #langues:hover{
  background: none;
}
.btn-top-right #langues:hover:before
{
  background-position: 0 -9px;
}
.btn-top-right #langues img{
  margin-right: 5px;
  height: 16px;
  width: 22px;
}
.btn-top-right #langues .wrap{
  background: rgba(0,0,0,0.6);
  position: absolute;
  top: 22px;
  left: 0;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s ease;
  z-index: 999;
}
.btn-top-right #langues:hover .wrap{
  max-height: 999px;
  transition: max-height 1s ease;
}
.btn-top-right #langues .wrap a{
  display: block;
  text-align: left;
  width: 100%;
  height: 100%;
  padding: 2px 3px;
  line-height: 16px;
  text-transform: none;
}
#activemenumobile{
    display: none;
}
.btn-top-right #contact:hover,
.btn-top-right #contact.active {
  background-color: #97d700;
}
.btn-top-right a {
  color: #FFF;
  text-transform: uppercase;
  bottom: 0;
  font-size: 11px;
}
.logo-top {
  vertical-align: middle;
}
.logo-description {
  position: relative;
  margin-bottom: 10px;
  float: left;
  margin-top: -20px;
}
.logo-description .logo {
  display: inline-block;
}
.logo-img {
  position: static;
}
.header .description{
    margin-left: 10px;
    display: inline-block;
    max-width: 655px;
}
.header .description h1,
.header .description p {
  color: #FFF;
  font-size: 13px;
  text-align: left;
  font-weight: normal;
  margin: 18px 0;
  text-transform: uppercase;
  font-family: 'robotolight';
}
.menu-header-container {
  position: relative;
  display: -webkit-box;
  width: 100%;
  background-color: #97d700;
}
nav {
  height: 40px;
  margin-left: 275px;
}
.nav ul {
  margin: 0;
  padding: 0;
}
.nav ul li {
  display: inline-block;
  list-style: none;
  height: 100%;
  padding: 0 7px; // 0 12px
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
}
.nav ul li + li{
  margin-left: 14px;
}
.single.pommes .menu-item-19,
.single.poires .menu-item-19,
.single.single-pommesjus .menu-item-19,
.nav > ul > li:hover,
.nav > ul > li.current-menu-parent,
.nav > ul > li.current-page-ancestor,
.nav > ul > li.current-menu-item {
  background-color: #00553c;
}
.nav > ul > li:hover.menu-item-has-children:before{
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 7.5px 0 7.5px;
  border-color: #00553c transparent transparent transparent;
  position: absolute;
  top: 40px;
  z-index: 1000;
}
.nav .menu-item a.menu-image-title-below img,
.nav .menu-item a.menu-image-title-after img{
  transition:all 0.2s ease;
}
.nav .menu-item a.menu-image-title-below:hover img,
.nav .menu-item a.menu-image-title-after:hover img{
  transform:scale(1.06);
}
.nav > ul > li:hover > a {
  transform: scale(1.06);
}
.hidden {
  display: none;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 10;
  top: 195px;
  left: 0;
  opacity: 0.75;
  background-color: #000;
}
.nav ul li a {
  color: #FFF;
  display: block;
  height: 100%;
  line-height: 37px;
  transition: transform 1s ease;
}
.nav ul li a span,
.nav ul li a img{
  vertical-align: middle;
  padding-right: 0;
}
.nav ul li img {
  vertical-align: middle;
  margin-right: 5px;
}
/*SOUS-MENU*/
.nav li ul {
  display: none;
  position: absolute;
  z-index: 999;
  background-color: #FFF;
  padding: 15px 25px;
  min-height: 175px;
  left: 50%;
  top: 40px;
  text-align: left;
}
.nav li ul li {
  width: 175px;
  vertical-align: top;
  margin: 0 7px;
  padding: 0;
  color: inherit;
}
.nav li ul li a img{
  width: 100%;
  height: auto;
}
.nav li ul li a span{
  color:#666666;
  line-height: normal;
}
.nav li:hover ul {
  display: block;
}
.menu-item a.menu-image-title-below.menu-image-not-hovered img{
  padding-bottom: 0;
}
.nav li ul li .menu-image-title
{
  line-height: normal;
  padding-bottom: 5px;
  font-weight: bold;
}
.search {
  width: 100%;
  text-align: center;
  padding: 20px 0;
}

.search span#accesr{
    color: #FFF;
}

.search button{
  transition:all 0.2s ease-in;
  outline:0;
  display:none;
}
.search button:hover{
  background: none;
  transform: scale(1.05);
}
.search #search {
  width: 420px;
  height: 25px;
  border-radius: 20px;
  border-style: none;
  padding-left: 5px;
  font-size: 14px;
  line-height: 25px;
  position: relative;
  z-index: 3;
}
.fa-search {
  color: #FFF;
  margin-left: 10px;
  cursor: pointer;
}
/*Autocompletion*/
.ui-autocomplete{
  background: white;
  border-radius: 10px;
  padding: 0;
  margin: 0;
  width: 420px;
  z-index: 2;
  padding-top: 20px;
  padding: 5px 10px;
  border: 1px solid #f2f2f2;
}
.page-template-page-pommes .ui-autocomplete,
.page-template-page-univers .ui-autocomplete{
  width: 265px;
}
.ui-autocomplete li{
  list-style: none;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 3px;
  margin-bottom: 3px;
}
.ui-autocomplete li:last-child{
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.ui-autocomplete li a:hover{
  color:#97d700;
}
/**PAGE ACCUEIL**/
.fleche {
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin: 0 7px;
  display: inline-block;
}
.fleche-verte-droite {
  background: url(img/ico-fleche-verte-droite.png) no-repeat;
}
.fleche-verte-gauche {
  background: url(img/ico-fleche-verte-gauche.png) no-repeat;
}
#newletter .fleche-verte-droite {
  margin: 0;
  margin-right: 9px;
  margin-top: 50px;
}
.fleche-verte-fonce-droite {
  background: url(img/ico-fleche-verte-fonce-droite.png) no-repeat;
}
.logos-sociaux {
  color: #00553c;
  float: right;
  margin: 10px 0;
}
.logos-sociaux i {
  font-size: 2em;
  margin: 0 2px;
  vertical-align: middle;
}
.logos-sociaux .at-share-tbx-element
{
  display: none !important;
}
.addthis_sharing_toolbox{
  display: inline-block;
  margin-left: 20px;
}
/*CATEGORIES*/
.categories,
.informations {
  /*width: 1200px;*/
  height: 395px;
  margin: auto;
  position: relative;
  text-align: center;
}
.informations{
  height: auto;
}
.readmore {
  float: right;
  color: #97d700;
  line-height: 20px;
  font-weight: 300;
  margin-top: 3px;
}

.readmore:hover {
}
.categories .cat {
  display: inline-block;
  margin: 12px 10px 0 10px;
  height: 295px;
  width: 235px;
  vertical-align: top;
  position: relative;
  background-size: 100% 100%;
}
.categories .cat a{
  display: block;
  height: 100%;
}
.categories > .cat > a > span{
  display: block;
  line-height: normal;
  padding: 10px;
  background: rgba(79,80,64,0.6);
  color: white;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 60px;
  text-transform: uppercase;
  font-size: 20px;
  font-family:'robotobold';
}
.categories #cat1
{
  margin-left: 0;
}
.categories #cat1 span,
.categories #cat2 span{
  padding: 10px 45px;
}
.categories #cat3 span{
  line-height: 48px;
}
.nopadd{
  padding: 0;
}
.zoom{
  transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  background-position: center center;
}
.zoom:hover{
  background-size: 110% 110% !important;
}
.type-cat {
  height: 83px;
  width: 323px;
  background:#00553c;
  text-align: center;
}
.type-cat .ico{
  float: left;
  width: 40px;
  height: 83px;
  background-image:url(img/pictos.png);
  background-position: 0 -80px;
  margin:0 20px 0 5px;
}
.type-cat .ico.conseils{
  background-position: -40px -80px;
}
.type-cat .ico.outils{
  background-position: -80px -80px;
}
.type-cat .ico.matos{
  background-position: -120px -80px;
}
.type-cat:hover{
  background: #97d700;
}
.type-cat:hover .ico.conseils{
  background-position: -40px 0px;
}
.type-cat:hover .ico.outils{
  background-position: -80px 0px;
}
.type-cat:hover .ico.matos{
  background-position: -120px 1px;
}
.type-cat:hover .ico {
  background-position: 0px 0px;
}
.type-cat + .type-cat {
  margin-top: 14px;
}
.informations .cat .type-cat a {
  display: table;
  width: 100%;
}
.informations .cat .type-cat span {
  display: table-cell;
  text-transform: uppercase;
  color: #FFF;
  text-align: left;
  font-size: 17px;
  vertical-align: middle;
  width: 100%;
}
.page-template-page-outils .cat-description{
    padding: 20px 0;
}
.cat-description {
  text-align: center;
  margin: auto;
  padding: 0 120px;
}
.cat-description p {
  font-weight: 300;
  font-size: 17px;
}
#cat-choice {
  width: 323px;
  margin-right: 15px;
  display: inline-block;
}
#partenaires a img{
  -webkit-filter: grayscale(1);
  -webkit-filter: grayscale(100%);
  filter: gray;
  filter: grayscale(100%);
  filter: url(desaturate.svg#greyscale);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  transition:all 0.5s ease;
}
#partenaires a:hover img{
  -webkit-filter: none;
  filter: none;
}
/*INFORMATIONS SOCIETE PARTENAIRES ...*/
.informations a.main-video {
	float:none;
}
.informations .info {
  display: inline-block;
  height: 375px;
  margin: 0 10px;
  vertical-align: top;
}
.informations .cadre {
  border: 2px solid #CCC;
  border-radius: 3px;
}
.informations .cadre h2 {
  text-transform: uppercase;
  font-weight: 700;
  margin: 7px 0 0 13px;
  font-size: 18px;
  text-align: left;
}
#societe.cadre h2{
  margin-left: 0;
}
#ifo.cadre h2{
  margin-top: 5px;
}
#ifo.cadre h2 img{
  margin-left: 5px;
}
/*DIV SOCIETE*/
.informations #societe {
  width: 330px;
  padding: 0 13px;
  margin-left: 0;
}
.informations #societe > img,
.informations #video img {
  width: 100%;
  height: 190px;
  margin-top: 10px;
}
.informations #societe p {
  font-weight: 400;
  text-align: left;
  font-size: 14px;
  margin-bottom: 0;
}
.informations .info a:not(#video a) {
  float: right;
  color: #79d300;
  margin-right: 25px;
}
/*DIV VIDEO*/
.informations #video {
  width: 390px;
  margin: 0 5px;
}
.informations #video img {
  height: 275px;
}
#video .align-centre h2 {
  text-align: center;
  margin-top: 10px;
}
/*DIV INFO EXT*/
.informations #info-ext {
  width: 265px;
  margin-right: 0;
}
.informations #info-ext .cadre {
  width: 100%;
  height: 180px;
  display: inline-block;
}
.informations #info-ext .cadre + .cadre {
  margin-top: 15px;
}
.informations #ifo > img {
  width: 100%;
  height: 108px;
}
.informations #ifo h2 img {
  vertical-align: middle;
}
/*ACTUALITES*/
.actualites {
  height: 440px;
  width: 100%;
  background-color: #ededed;
  position: relative;
  text-align: center;
  font-size: 14px;
}
.actualites #actualite {
  padding: 25px 0px 50px 0px;
  width: 700px;
  height: 320px;
  text-align: left;
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.actualites #actualite h2 {
  margin: 0;
  margin-bottom: 10px;
  text-transform: uppercase;
  color:#333;
}
.actualites #actualite h2 img {
    margin-right: 10px;
  }
.actualites #actualite h3,
.actualites #actualite a {
  color: #00553c;
}
.actualites #actualite h3{
  font-size: 20px;
  margin-top: 10px;
}
.actualites #actualite p {
  width: 325px;
  font-weight: 300;
}
.actualites #actualite  .flex-direction-nav {
  position: absolute;
  bottom: 87px;
  right: 0;
  margin-right: 60px;
}
.actualites #actualite  .flex-direction-nav li{
  display: inline-block;
  margin: 0 2px;
}
.actualites .actu-left {
  float: left;
  width: 265px;
}
.actualites .actu-left > img {
  width: 250px;
  height: 200px;
}
.actualites ul{
  padding: 0;
  margin: 0;
}
.actualites ul li{
  list-style: none;
}
.actualites .actu-right {
  float: right;
  margin-right: 25px;
  width: 400px;
}
.actualites .actu-right .lien-actu a {
  float: left;
}
/*DIV NEWLETTER*/
.actualites #newletter {
  width: 320px;
  height: 440px;
  float: right;
  background-color: #bfe38e;
  padding: 15px 0 0 15px;
  text-align: left;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
}
.actualites #newletter .rgpd-newsletter-footer{
	margin-left : 0;
}
.actualites #newletter.interieur{
  padding: 0;
}
.actualites #newletter.interieur #ifosearch{
  background: white;
  padding-left:31px;
}
.actualites #newletter.interieur #ifosearch .fleche-verte-droite{
  margin-left: 5px;
}
.actualites #newletter.interieur #ifosearch .readmore{
  margin-right: 31px;
  margin-bottom: 5px;
  margin-top: 2px;
  font-size: 12px
}
.actualites #newletter.interieur #ifosearch h2 img{
  margin-top: -5px;
}
.actualites #newletter.interieur #ifosearch h2{
  margin: 0;
  text-transform: uppercase;
  color: #333333;
  margin-bottom: 2px;
  font-size: 18px;
}
.actualites #newletter.interieur #ifosearch h2 img{
  margin-left: 5px;
}
.actualites #newletter.interieur #news{
  padding: 10px 0 0 15px;
}
.actualites #newletter.interieur #news img{
  width: auto;
}
.actualites #newletter.interieur #news p{
  float: none;
  width: auto;
  margin: 0;
  margin-bottom: 5px;
  font-size: 13px;
}
.actualites #newletter.interieur .fleche-verte-droite{
  position: static;
  margin: 0;
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.actualites #newletter.interieur #news form{
    margin: 0;
    display: block;
}
.actualites #newletter.interieur #news form #email{
  width: 190px;
  line-height: 20px;
  height: 20px;
  vertical-align: middle;
}
.actualites #newletter.interieur #news form input[type="submit"]{
  line-height: 16px;
  text-transform: uppercase;
  height: 20px;
  vertical-align: middle;
  width: 95px;
}
.actualites #newletter .lien-actu {
  position: absolute;
    bottom: 55px;
}
.actualites #newletter p {
  float: left;
  width: 135px;
  margin: 10px 0 0 30px;
  font-weight: 300;
  font-size: 13px;
}
.actualites #newletter .fleche-verte-droite{
  position: absolute;
  margin: 0;
  top: 140px;
  right: 130px;
}
#newletter a{
  color: #444;
}
.imgpomo{
  margin-left: 15px;
}
.actualites #newletter .img-couv {
  float: right;
  margin-top: -40px;
  margin-right: 10px;
}
.actualites #newletter form {
  display: inline-block;
  margin-left: 30px;
  margin-top: 10px;
}
.actualites #newletter #mail {
  width: 135px;
}
.actualites #newletter input[type="submit"]
{
  color: #FFF;
  background-color: #BFE38E;
  border: #FFF 2px solid;
  width: 95px;
  text-transform: uppercase;
}

.page-template-page-accueil .actualites #newletter{
    margin: 0;
    padding: 0;
}

.page-template-page-accueil .actualites #newletter .fleche-verte-droite{
    display: block;
    text-align: center;
    margin: 0 auto;
    position: relative;
    top: 0;
    right: 0;
}

.page-template-page-accueil .actualites #newletter p{
    width: auto;
}

#newletter #pom,
#newletter #noy{
    width: 50%;
    display: block;
    float: left;
    padding: 10px;
    padding-bottom: 0px;
    border-bottom: 1px solid #FFF;
    height: 220px;
}

#newletter #pom:hover,
#newletter #noy:hover{
    background-color: #b7d68e;
}

#newletter #pom{
    border-right: 1px solid #FFF;
}

#newletter #pom img,
#newletter #noy img{

}

#newletter #pom p,
#newletter #noy p{
    float: none;
    margin: 0;
    text-align: center;
    position: relative;
}



/*DEMANDE DE DEVIS*/
.bouton.devis,
.bouton.bookmarksmail{
  display: inline-block;
    height: 50px;
    line-height: 50px;
    width: 260px;
    background: #00553c;
    color: white;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'robotobold';
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
}
.bouton.bookmarksmail{
    width: 300px;
}
.bouton.devis:hover, .bouton.bookmarksmail:hover{
  background: #97d700;
}
.devis, .bookmarksmail{
  cursor: pointer;
}
.devis-form{
  display: none;
}
#leform{
  padding: 20px;
}
#leform .h2{
  margin-top: 0;
  margin-bottom: 20px;
}
#leform .ligne-form{
  margin: 5px 0;
}
#leform .ligne-form label{
  width: 180px;
  display: inline-block;
  text-align: right;
  margin-right: 5px;
}
#leform .ligne-form input,
#leform .ligne-form textarea{
  width: 300px;
}
#leform .ligne-form textarea{
  height: 100px;
}
#leform .mandat{
  font-size: 12px;
}
#leform input[type="submit"]{
  border: none;
  background-color: #00553c;
  text-transform: uppercase;
  color: #FFF;
  width: 170px;
  height: 35px;
  font-size: 17px;
  font-weight: 700;
  float: right;
  margin-top: 50px;
  margin-right: 60px;
  position: relative;
  z-index: 3;
}
#leform input[type="submit"]:hover{
  background-color: #97d700;
}
#leform .wpcf7-not-valid-tip{
  padding-left: 185px;
}
#leform .div.wpcf7-response-output{
  margin: 0;
}
.mandatory{
  font-weight: bold;
  color:#97d700;
}
/*PAGE POMMOSCOPE*/
.bandeau-pomm {
  width: 100%;
  height: 275px;
  background: #c9ed99 url(img/logo-pommoscope.png) center no-repeat;
}
.bandeau.variete h1{
  width: 500px;
}
.bandeau.variete .planilink{
  margin-top: 55px;
}
.les-pommoscopes {
  margin: 0 auto;
  position: relative;
  margin-bottom: 20px;
}
.pomm {
  display: inline-block;
  width: 275px;
  height: 220px;
  vertical-align: top;
  color: #00553c;
  position: relative;
}
.pomm:hover {
  background-color: #c9ed99;
}
.pomm h2 {
  border-bottom: 3px solid #97d700;
  text-align: center;
}
.pomm img {
  float: left;
  margin-left: 10px;
}
.pomm h3 {
  float: right;
  font-size: 17px;
  text-transform: uppercase;
  width: 150px;
  font-weight: 800;
}
.pomm .lien-pommo {
  font-size: 12px;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 10px;
  max-width: 155px;
}
.ligne > .pomm:nth-child(2) {
  margin: 0 95px;
}
.pommo-nav,
.actu-nav {
  display: block;
  color: #79d300;
  margin: 10px 0;
}
.pommo-droite,
.actu-droite {
  float: right;
}
.pommo-gauche {
  float: left;
}
.actus-gauche {
  float: left;
  width: 668px;
  text-align: left;
}
.single .actus-gauche{
  border-bottom: 3px solid #97d700;
}
.actus-gauche h1 {
  font-size: 25px;
}
.actus-droite {
  float: right;
  width: 305px;
  background-color: #c9ed99;
  text-align: left;
  padding: 20px 10px;
}
.actus-droite h2 {
  float: right;
  width: 240px;
  margin: 0;
  font-size: 20px;
  text-transform: uppercase;
}
.actus-droite img {
  float: left;
}
.actus-droite > div {
  float: right;
  width: 240px;
  margin: 10px 0;
}
.actus-droite div p {
  margin: 0;
}
.actus-droite + a {
  float: left;
  text-align: right;
  margin-top: 15px;
  width: 668px;
  color: #00553c;
}
/*ACTUALITES*/
.bandeau {
  width: 100%;
  height: 250px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}
.bandeau .blackband {
  position: absolute;
  bottom: 0;
  text-transform: uppercase;
  margin: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.bandeau h1,
.bandeau .h1{
  line-height: normal;
  font-size: 50px;
  margin: 0;
  color: #FFF;
  padding: 5px 0;
}
.bandeau{
  background-image: url(img/bandeau-default.jpg);
}
.bandeau-actu {
  background-image: url(img/bandeau-actu.jpg);
}
.bandeau-contact {
	background-image: url('img/bandeau-pommes.png');
}
.bloc-actus {
  width: 1035px;
  position: relative;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 20px;
}
.actu {
  width: 100%;
  border-bottom: 3px solid #97d700;
  display: block;
  position: relative;
  text-align: left;
  padding: 20px;
}
.actu:hover {
  background-color: #c9ed99;
}
.actu img {
  float: right;
  max-width: 275px;
  height: auto;
  margin: 10px;
}
.lien-actu {
  color: #00553c;
}
.no-img
.actu .actu-gauche.no-img {
  width: 100%;
}
.actu .actu-gauche p {
  color: #000;
}
.actu .lien-actu {
  margin: 20px 0;
}
/*PAGE CONTACT*/
.bandeau-contact {
  background-image: url('img/bandeau-pommes.png');
}
.page-template-page-contact  h1 {
  font-size: 30px;
}
.page-template-page-contact p.mandat {
  float: left;
  font-size: 11px;
  font-weight: 500;
  width: 615px;
}
.page-template-page-contact p.mandat.attention{
  padding-left: 19px;
  background: url(img/ico-info.png) no-repeat center left;
}
.page-template-page-contact p img {
  vertical-align: middle;
}
.form-float {
  float: left;
  width: 415px;
  height: 300px;
  margin-left: 50px;
}
.page-template-page-contact form.wpcf7-form .ligne-form {
  width: 100%;
  height: 30px;
  margin-bottom: 15px;
}
.page-template-page-contact form.wpcf7-form label {
  float: left;
  width: 100px;
}
.page-template-page-contact form.wpcf7-form input[type="text"],
.page-template-page-contact form.wpcf7-form input[type="tel"],
.page-template-page-contact form.wpcf7-form input[type="email"],
.page-template-page-contact form.wpcf7-form textarea
{
    background: -webkit-linear-gradient(#efefef, white,white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#efefef, white,white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#efefef, white,white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#efefef, white,white); /* Standard syntax */
    border:1px solid rgb(169, 169, 169);
    border-radius: 3px;
}
.page-template-page-contact form.wpcf7-form input,
.page-template-page-contact form.wpcf7-form select {
  float: right;
  width: 300px;
  height: 28px;
  position:  relative;
  z-index: 4;
}
.page-template-page-contact form.wpcf7-form .rgpd-contact input{
	width: 20px;
	vertical-align: bottom;
	float: none;
}
.page-template-page-contact form.wpcf7-form .rgpd-contact{
	margin-left: 110px;
	}
@media only screen and (max-width: 1100px){
	.page-template-page-contact form.wpcf7-form .rgpd-contact input{
	display: inline-block;
	}
.page-template-page-contact form.wpcf7-form .rgpd-contact{
	margin-left: 0;
	}
}
#leform .ligne-form.rgpd-devis{
	margin-left: 100px;
}
#leform .ligne-form.rgpd-devis input{
	width: 20px;
}
@media only screen and (max-width: 1100px){
#leform .ligne-form.rgpd-devis{
	margin-left: 0px;
	}
}
.page-template-page-contact form.wpcf7-form .ligne-form:nth-child(2) {
  margin-bottom: 55px;
}
.page-template-page-contact .msg {
  float: left;
  width: 615px;
  margin-top: 110px;
  margin-left: 50px;
}
.page-template-page-contact .msg label {
  width: 80px;
}
.page-template-page-contact form.wpcf7-form textarea {
  width: 500px;
  height: 120px;
  margin-left: 14px;
  position:  relative;
  z-index: 3;
}
.page-template-page-contact form.wpcf7-form .wpcf7-response-output {
  margin-top: 60px;
}
.page-template-page-contact form.wpcf7-form select,
#leform .ligne-form select{
  overflow: hidden;
  background: url(img/fleche-select.png) no-repeat right;
  background-size: auto 100%;
  -webkit-appearance: none;
  -moz-appearance:none;
  appearance:none;
    padding: 0 10px;
}
#leform .ligne-form select{
  width: 300px;
}
.page-template-page-contact form.wpcf7-form span.wpcf7-not-valid-tip{
  width: 400px;
  position: absolute;
  left: 120px;
  top: -20;
  z-index: 3;
}
#gmap {
  width: 500px;
  height: 290px;
  background-color: #ccc;
  float: right;
  border:1px solid #00553c;
  z-index: 33;
}
.densite {
  width: 250px;
  height: 125px;
  float: right;
  color: #9b9b9b;
  font-weight: 500;
  font-size: 15px;
  position:  relative;
  z-index: 3;
}
.densite a.btn {
  width: 250px;
  height: 65px;
  background: #00553c url(img/ico-densite.png) no-repeat bottom 12px left 15px;
  color: #FFF;
  text-align: left;
  padding-left: 65px;
  font-size: 18px;
  border: none;
  margin-top: 5px;
  display: table-cell;
  vertical-align: middle;
  word-wrap: break-word;
}
.densite a.btn:hover{
  background: #97d700 url(img/ico-densite.png) no-repeat bottom 12px left 15px;
}
.page-template-page-contact form.wpcf7-form input[type="submit"] {
  margin-right: 250px;
  margin-top: 15px;
  border: none;
  background-color: #00553c;
  text-transform: uppercase;
  color: #FFF;
  width: 170px;
  height: 35px;
  font-size: 17px;
  font-weight: 700;
}
.page-template-page-contact form.wpcf7-form input[type="submit"]:hover{
  background-color: #97d700;
}
.page-template-page-contact .g-recaptcha {
  margin-left: 115px;
}
/*PAGE-OUTILS*/
.outils {
  margin: auto;
  position: relative;
  text-align: center;
}
.outils .out
{
  width: 330px;
  height: 349px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background-position: center center;
  background-size: 100% 100%;
  margin: 0;
}
.outils .out h2 {
  width: 100%;
  padding: 16px 0;
  background-color: rgba(79, 80, 64, 0.6);
  font-size: 19px;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  bottom: 0;
  margin: 0;
  background-position: center center;
}
.outils .out > a{
  display: block;
  height: 100%;
  width: 100%;
}
.outils .out#out1 {
  background-image: url(img/outils1.jpg);
}
.outils .out#out2 {
  background-image: url(img/outils2.jpg);
  margin: 0 13px;
}
.outils .out#out3 {
  background-image: url(img/outils3.jpg);
}
.newletter-droite {
  width: 320px;
  height: 320px;
  margin-right: 90px;
  text-align: left;
  display: inline-block;
  vertical-align: top;
}
.newletter-droite #ifo-outils {
  height: 170px;
  padding: 0 32px;
  background-color: #FFF;
}
.newletter-droite #ifo-outils h2 {
  margin: 0;
  text-transform: uppercase;
  color: #000;
  font-weight: 500;
  font-size: 20px;
}
.newletter-droite #ifo-outils h2 > img{
  vertical-align: middle;
  margin-left: 10px;
}
.newletter-droite #ifo-outils > img {
  width: 260px;
  height: 110px;
}
.newletter-droite #newletter,
.newletter-droite #newletter p,
.newletter-droite #newletter form {
  width: 280px;
  font-size: 12px;
  margin: 3px 0;
  font-weight: 400;
}
.newletter-droite #newletter {
  height: 135px;
  width: initial;
  margin: 0;
}
.newletter-droite #newletter #mail {
  width: 200px;
}
.newletter-droite #newletter span {
  float: left;
  margin: 3px 0;
}
.newletter-droite #newletter .fleche-verte-droite {
  margin: 0;
}
/*PAGE-POMMES*/
.multi-search {
  background-color: #00553c;
  padding: 25px 0;
  text-align: center;
}
form .multi-search  {
  margin: 0;
}
form .multi-search  * {
  height: 29px;
  border: none;
  vertical-align: middle
}
form .multi-search select#organoleptique,
form .multi-search select#maturitejus{
  display: none;
}
form .multi-search select{
  width: 260px;
  overflow: hidden;
  background: #FFF url(img/fleche-select2.png) no-repeat right;
  background-size: auto 100%;
  -webkit-appearance: none;
  -moz-appearance:none;
  appearance:none;
  font-size: 14px;
}
form .multi-search input {
  width: 245px;
  font-size: 14px;
}
.multi-search + .categories > .cat {
  width: 330px;
  background-color: #ccc;
}
.multi-search .btn-search {
  width: 250px;
  color: #FFF;
  background-color: #97d700;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;

}
.multi-search .btn-search .fa-search {
  display: inline-block;
  line-height: 29px;
  margin-left: 0;
  margin-right: 2px;
}
.multi-search .btn-search span{
  text-transform: uppercase;
  line-height: 29px;
  margin-right: 12px;
  float: right;
  font-size: 14px;
  font-weight: 500;
}
.pommes.clear {
  margin: 0 auto;
  width: 1040px;
  position: relative;
}
.pomme {
  display: inline-block;
  width: 245px;
  min-height: 320px;
  vertical-align: top;
  color: #00553c;
  position: relative;
}
.relimgwrapper{
    position: relative;
    width: 100%;
    min-height: 245px;
    background: #E2E2E2;
}
.hidden-pomme:before{
    /*content:'Accéder à la fiche \A Produit';*/
    text-align: center;
    color: white;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
}
.hidden-pomme {
  display: none;
    /*white-space:pre;*/
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
    background: rgba(0,85,60,0.8);
    text-align: center;
}
.pomme:hover .hidden-pomme {
  display: table-cell;
    vertical-align: middle;
}
.pomme h2 {
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  font-size: 20px;
  font-weight: 500;
}
.pomme img {
  width: 245px;
  height: 245px;
}
.ligne > .pomme:nth-child(2),
.ligne > .pomme:nth-child(3),
.ligne > .pomme:nth-child(4) {
  margin-left:15px;
}
.lettres {
  text-align: center;
  text-transform: uppercase;
  padding: 16px 0;
}
.m-lettres.mobile
{
    display: none;
}
.lettres a {
  color: #333333;
  font-weight: 400;
  font-size: 18px;
  margin: 0 5px;
}
.pomme-nav {
  width: 100%;
  height: 30px;
}
.pomme-nav .pomme-droite {
  float: right;
  color: #97d700;
  margin-left: 20px;
}
.pomme-nav .resultats {
  float: left;
  color: #adadad;
  font-weight: 300;
  font-size: 15px;
}

.page-template-page-fruitsanoyaux a.pomme,
.page-template-page-portegreffe a.pomme{
    /*width: 304px;*/
    min-height: 230px;
    margin: 10px;
}

.page-template-page-fruitsanoyaux .pomme h2,
.page-template-page-portegreffe .pomme h2{
    font-size: 30px;
    text-transform: none;
}

.page-template-page-fruitsanoyaux .pomme img,
.page-template-page-portegreffe .pomme img{
    width: 304px;
    height: 230px;
}

.page-template-page-fruitsanoyaux .relimgwrapper,
.page-template-page-portegreffe .relimgwrapper{
    min-height: 230px;
    background-color: transparent;
}

.page-template-page-fruitsanoyaux .pommes .ligne,
.page-template-page-portegreffe .pommes .ligne{
    margin-left: 25px;
}

/*PAGE PRODUIT*/
.produit {
  width: 1024px;
  margin: 0 auto;
  padding-bottom: 20px;
}
.produit .breadcrumbs {
  width: 100%;
}
.produit .btn-retour {
  float: left;
  width: 110px;
  background-color: #00553c;
  color: #FFF;
  display: block;
  text-transform: uppercase;
  margin: 10px 0;
  font-size: 18px;
  text-align: center;
  line-height: 30px;
  font-family: 'robotoregular';
  font-weight: normal;
}
.action .dlink{
  font-family: 'robotolight';
  font-size: 14px;
}
.action .boutons{
  text-align: right;
}
.action .boutons .bouton{
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 260px;
  background: #00553c;
  color: white;
  text-transform: uppercase;
  font-size: 16px;
  font-family: 'robotobold';
  margin-bottom: 10px;
  text-align: center;
}

.action .boutons .bouton,
.btn-retour,
.tools ul li a,
a.simple{
  transition:background 0.3s ease;
}
.action .boutons .bouton:hover,
.btn-retour:hover,
.tools ul li a:hover{
  background: #97d700;
}
.first-line{
  margin-bottom: 10px;
}
.first-line .photos ul{
  padding: 0;
  margin: 0;
}
.first-line .photos .slides li{
  text-align: center;
}
.first-line .photos .slides{
  margin-bottom: 15px;
}
#carousel .flex-control-thumbs{
  padding: 0;
  margin: 0;
}
#lesliderprod{
    float:left;
}
#carousel .flex-viewport li{
  list-style: none;
  display: inline-block;
  width: 140px;
  height: 98px;
  cursor: pointer;
  vertical-align: top;
}
#carousel .flex-viewport li + li{
  margin-left: 15px;
}
#carousel.flex-viewport li img{
  opacity: 0.7;
  transition: opacity 0.5s ease;
}
#carousel .flex-direction-nav {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
#carousel .flex-nav-prev a{
    height: 95px;
    left: -25px;
    line-height: 100px;
    position: absolute;
    top: -96px;
}
#carousel .flex-nav-prev a:before{

    content: "\f053";
    font-family : 'FontAwesome';
}
#carousel .flex-nav-next a{
    right: -25px;
    position: absolute;
    top: -96px;
    height: 95px;
    line-height: 100px;

}
#carousel .flex-nav-next a:before{
    content: "\f054";
    font-family : 'FontAwesome';
}

.produit #carousel{
    float: left;
    width: 450px;
}

.produit #carousel ul{
    margin: 0;
    padding: 0;
    width: 450px;
}

.photos .flex-viewport li img:hover,
.photos .flex-viewport li img.flex-active
{
  opacity: 1;
}
ul.flex-direction-nav{
    position: absolute;

}

.first-line .photos{
  width: 450px;
  /*height: 425px;*/
  min-height: 100px;
  overflow: hidden;
}
.first-line .action{
  width: 544px;
  height: 435px;
  margin-left: 30px;
  padding-bottom: 10px;
  border-bottom:1px solid #00553C;
}
.first-line .action .fs{
  margin-top: 0;
}
.first-line .photos,
.first-line .action{
  float: left;
}

.produit .first-line .photos{
    float: none;
}

.action .cat{
  font-family: 'robotoregular';
  font-size: 35px;
  font-weight: 500;
  color: #00553C;
  margin: 0;
  margin-top: 30px;
}
.action h1{
  font-family: 'robotobold';
  font-size: 50px;
  margin: 0;
}
.produit .breadcrumbs .logos-sociaux i {
  font-size: 1.6em;
}
.produit .d-pomme-txt b{
  color: #00553C;
}
.d-pomme {
  width: 100%;
  height: auto;
}
.d-pomme #out-choice {
  float: right;
}
.d-pomme .d-pomme-txt {
  color: #000;
  width: 650px;
  float: left;
  text-transform: none;
}
.d-pomme .d-pomme-txt h2{
  font-weight: normal;
  font-family: 'robotothin';
}
#out-choice {
  width: 260px;
}
.tools{
  background: #00553c;
}
.tools p{
  font-size: 32px;
  font-family: 'robotothin';
  color:white;
  text-align: center;
  margin: 0;
  padding: 0.5rem 0;
  border-bottom: 1px solid white;
}
.tools ul{
  padding: 0;
  margin: 0;
}
.tools ul li {
  list-style: none;
}
.tools ul li a,
#out-choice a{
  display: block;
  line-height: 70px;
  padding: 1rem 0;
  padding-left: 85px;
  padding-right: 20px;
  color: white;
  background: #00553c;
  text-transform: uppercase;
}
.tools ul li a span{
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  word-wrap: break-word;
  max-width: 165px;
}
#out-choice a.simple{
  margin-top: 10px;
  height: 60px;
  line-height: 40px;
}
.tools .planifruit a{
  background: url(img/planifruit.png) no-repeat 15px 5px #00553c !important;
  min-height: 65px;
}
.tools .polinisation a{
  background: url(img/polinisation.png) no-repeat 15px 10px #00553c !important;
  min-height: 65px;
}
.tools .calculateur a{
  background: url(img/calculateur.png) no-repeat 20px 10px #00553c !important;
  min-height: 65px;
}
.tools .planifruit:hover a{
  background: url(img/planifruit.png) no-repeat 15px 5px #97d700 !important;
}
.tools .polinisation:hover a{
  background: url(img/polinisation.png) no-repeat 15px 10px #97d700 !important;
}
.tools .calculateur:hover a{
  background: url(img/calculateur.png) no-repeat 20px 10px #97d700 !important;
}

a.simple.pg{
 background: url(img/porte-greffe.png) no-repeat 20px 5px #00553c !important;
}
a.simple.pg:hover{
 background: url(img/porte-greffe-actif.png) no-repeat 20px 5px #97d700 !important;
}

a.simple.bcontact{
 background: url(img/contact.png) no-repeat 20px 13px #00553c !important;
}
a.simple.bcontact:hover{
 background: url(img/contact-actif.png) no-repeat 20px 13px #97d700 !important;
}

a.simple.conseils{
 background: url(img/conseil.png) no-repeat 20px 10px #00553c !important;
}
a.simple.conseils:hover{
 background: url(img/conseil-actif.png) no-repeat 20px 10px #97d700 !important;
}

/*CALCUL DENSITE*/
#calculateur{
  width: 935px;
  height: 458px;
  margin: 0 auto;
  background: url(img/fond-calc.jpg) no-repeat center center;
  position: relative;
}
#calculateur h2,
#pollinisateur h2{
  padding-left: 150px;
  margin: 0;
  color: white;
  line-height: 65px;
}
#calculateur form{
  width: 390px;
  margin: 0 auto;
  color:#00553c;
}
#pollinisateur form{
  width: 450px;
  margin: 0 auto;
  color:#00553c;
}
#calculateur form .ligne,
#pollinisateur form .ligne{
  margin: 40px 0;
}
#calculateur form input,
#pollinisateur form input{
  width: 120px;
  height: 36px;
  line-height: 36px;
  border:1px solid #00553c;
  border-radius: 2px;
  text-align: center;
}
#pollinisateur form input{
  width: 230px;
}
#calculateur form label,
#pollinisateur form label{
  display: inline-block;
  width: 145px;
  vertical-align: middle;
  margin-right: 20px;
  font-weight: bold;
  text-align: right;
}
#pollinisateur form label{
  width: 190px;
}
#calculateur form .min,
#pollinisateur form .min{
  font-size: 11px;
  font-style: italic;
}
#calculateur form button,
#pollinisateur form button{
  background: #00553c;
  color:white;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 20px;
  padding: 3px 25px;
  cursor: pointer;
}
.green{
  color: #00553c;
}
#calculateur form button:disabled,
#pollinisateur form button:disabled{
  background: #83a198;
}
#calculateur #telecharger,
#pollinisateur #telecharger{
  width: 125px;
  text-align: center;
  position: absolute;
  bottom: 20px;
  right: 20px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
}
#res-calc{
  display: none;
  width: 935px;
  margin: 0 auto;
  background: #97d700;
  text-align: center;
  color: #00553c;
  line-height: 48px;
  margin-top: 10px;
}
.calc-container{
  width: 935px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.calc-container .tool{
  display: block;
  width: 440px;
  height: 150px;
  position: relative;
  float: left;
  background: url(img/planimini.jpg) no-repeat center center;
}
.plani .tool.calc{
  float: left;
}
.tool.polli{
  float: right;
  background: url(img/pollimini.jpg) no-repeat center center;
}
.tool.calc{
  float: right;
  background: url(img/calcmini.jpg) no-repeat center center;
  background-size: 100%;
}
.calc-container .tool .titre{
  line-height: 60px;
  background: rgba(79,80,64,0.6);
  color: white;
  text-transform: uppercase;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60px;
  font-size: 20px;
  margin: 0;
  text-align: center;
  transition:all 0.2s ease-in;
}
.calc-container .tool:hover .titre{
  font-size: 21px;
}
/*Tableaux de pollinisation*/
.calc-container .pommes,
.calc-container .poires,
.calc-container .cerises,
.calc-container .prunes,
.calc-container .cidre{
  background-position: center top;
  background-size: 100% 100%;
}
.calc-container .pommes .ico,
.calc-container .poires .ico,
.calc-container .cerises .ico,
.calc-container .prunes .ico,
.calc-container .cidre .ico{
  position: absolute;
  z-index: 2;
  background-image: url(img/pictos-ico.png);
  height: 73px;
  left: 50%;
  bottom: 67px;
  transition:bottom 0.2s ease-in;
}
.calc-container .pommes .ico{
  width: 56px;
  margin-left: -28px;
}
.calc-container .poires .ico{
  width: 40px;
  background-position: -56px 0;
  margin-left: -20px;
}
.calc-container .cerises .ico{
  background-image: url(img/cerises_ico.png);
  width: 70px;
  margin-left: -30px;
}
.calc-container .prunes .ico{
  background-image: url(img/prune-ico.png);
  margin-left: -30px;
  width: 55px;
}
.calc-container .cidre .ico{
  width: 33px;
  background-position: -96px 0;
  margin-left: -16.5px;
}
.calc-container .pommes:hover .ico,
.calc-container .poires:hover .ico,
.calc-container .cerises:hover .ico,
.calc-container .prunes:hover .ico,
.calc-container .cidre:hover .ico{
  bottom: 140px;
}
.calc-container .pommes:after,
.calc-container .poires:after,
.calc-container .cerises:after,
.calc-container .prunes:after,
.calc-container .cidre:after{
  position: absolute;
  height: 122px;
  width: 100%;
  content: '';
  bottom: 0;
  left: 0;
  background-position: bottom center;
  background-size: 100%;
  z-index: 1;
  transition:height 0.3s ease-in;
}
.calc-container .pommes:hover:after,
.calc-container .poires:hover:after,
.calc-container .cerises:hover:after,
.calc-container .prunes:hover:after,
.calc-container .cidre:hover:after{
  height: 312px;
}
.calc-container .pommes:after{
  background-image: url(img/pl-pomme-hover.jpg);
}
.calc-container .poires:after{
  background-image: url(img/pl-poire-hover.jpg);
}
.calc-container .cerises:after{
  background-image: url(img/pl-cerise-hover.png);
}
.calc-container .prunes:after{
  background-image: url(img/pl-prune-hover.png);
}
.calc-container .cidre:after{
  background-image: url(img/pl-cidre-hover.jpg);
}
.calc-container .pommes,
.calc-container .prunes,
.calc-container .poires{
  height: 312px;
  width: 312px;
  display: block;
  float: left;
  margin-left: 128px;
  background-image: url(img/pl-pomme.jpg);
  position: relative;
  margin-bottom: 40px;
}
.calc-container .cerises{
  height: 312px;
  width: 312px;
  display: block;
  float: left;
  margin-left: 128px;
  background-image: url(img/pl-cerise.png);
  position: relative;
  margin-bottom: 40px;
}
.calc-container .poires{
  float: right;
  margin-left: 0px;
  margin-right: 128px;
  background-image: url(img/pl-poire.jpg);
  background-position: -312px 0;
}
.calc-container .prunes{
  float: right;
  margin-left: 0px;
  margin-right: 128px;
  background-image: url(img/pl-prune.png);
}

.calc-container .pommes .stitre,
.calc-container .poires .stitre,
.calc-container .cerises .stitre,
.calc-container .prunes .stitre,
.calc-container .cidre .stitre{
  color: white;
  font-size: 20px;
  text-align: center;
  position: absolute;
  bottom: 16px;
  left: 0;
  width: 100%;
  margin: 0;
  text-transform: uppercase;
  line-height: 20px;
  transition:all 0.4s ease-in;
  z-index: 2;
}
.calc-container .pommes:hover .stitre,
.calc-container .poires:hover .stitre,
.calc-container .cerises:hover .stitre,
.calc-container .prunes:hover .stitre,
.calc-container .cidre:hover .stitre{
  bottom: 90px;
}
.calc-container .pommes.pl,
.calc-container .poires.pl,
.calc-container .cerises.pl,
.calc-container .prunes.pl,
.calc-container .cidre.pl{
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  margin-left: -4px;
}
.calc-container .cidre{
  display: inline-block;
  height: 312px;
  width: 312px;
  background-image: url(img/pl-cidre.jpg);
  position: relative;
}
.planilink.greffe{
    background: url(img/porte-greffe-actif.png) no-repeat 10px 5px rgba(0,0,0,0.6);
    background-size: 35px;
    margin-right: 15px;
}
.planilink{
  font-family: 'Roboto';
  font-weight: bold;
  float: right;
  background: url(img/planifruit.png) no-repeat 10px 5px rgba(0,0,0,0.6);
  background-size: 35px;
  line-height: 50px;
  padding-left: 50px;
  padding-right: 10px;
  text-transform: uppercase;
  color: white;
  box-shadow: 0 0 7px rgb(255,255,255),0 0 2px rgb(255,255,255);
  margin-top: 15px;
}
.planilink:hover{
  background-color: #97d700;
}
/* Vue planifruit */
.tplplanifruit.calc-container .pommes:hover:after,
.tplplanifruit.calc-container .poires:hover:after,
.tplplanifruit.calc-container .cerises:hover:after,
.tplplanifruit.calc-container .peches:hover:after,
.tplplanifruit.calc-container .abricots:hover:after,
.tplplanifruit.calc-container .nectarines:hover:after,
.tplplanifruit.calc-container .prunes:hover:after,
.tplplanifruit.calc-container .cidre:hover:after{
  height: 173px;
}

.tplplanifruit.calc-container .pommes,
.tplplanifruit.calc-container .prunes,
.tplplanifruit.calc-container .cidre,
.tplplanifruit.calc-container .poires,
.tplplanifruit.calc-container .cerises,
.tplplanifruit.calc-container .peches,
.tplplanifruit.calc-container .abricots,
.tplplanifruit.calc-container .nectarines{
    height: 173px;
    width: 300px;
    display: block;
    float: left;
    margin-left: 10px;
    position: relative;
    margin-bottom: 20px;
}
.tplplanifruit.calc-container .pommes .stitre,
.tplplanifruit.calc-container .poires .stitre,
.tplplanifruit.calc-container .cerises .stitre,
.tplplanifruit.calc-container .prunes .stitre,
.tplplanifruit.calc-container .peches .stitre,
.tplplanifruit.calc-container .abricots .stitre,
.tplplanifruit.calc-container .nectarines .stitre,
.tplplanifruit.calc-container .cidre .stitre{
  color: white;
  font-size: 20px;
  text-align: center;
  position: absolute;
  bottom: 25px;
  left: 0;
  width: 100%;
  margin: 0;
  text-transform: uppercase;
  line-height: 20px;
  transition:all 0.4s ease-in;
  z-index: 2;
}
.tplplanifruit.calc-container .pommes .ico,
.tplplanifruit.calc-container .poires .ico,
.tplplanifruit.calc-container .cerises .ico,
.tplplanifruit.calc-container .prunes .ico,
.tplplanifruit.calc-container .peches .ico,
.tplplanifruit.calc-container .abricots .ico,
.tplplanifruit.calc-container .nectarines .ico,
.tplplanifruit.calc-container .cidre .ico{
  position: absolute;
  z-index: 3;
  background-image: url(img/pictos-ico.png);
  height: 74px;
  left: 15%;
  bottom: 20px;
  transition:bottom 0.2s ease-in;
}

.tplplanifruit.calc-container .pommes:after,
.tplplanifruit.calc-container .poires:after,
.tplplanifruit.calc-container .cerises:after,
.tplplanifruit.calc-container .prunes:after,
.tplplanifruit.calc-container .peches:after,
.tplplanifruit.calc-container .abricots:after,
.tplplanifruit.calc-container .nectarines:after,
.tplplanifruit.calc-container .cidre:after{
  position: absolute;
  height: 74px;
  width: 100%;
  content: '';
  bottom: 0;
  left: 0;
  background-position: bottom center;
  background-size: 100%;
  z-index: 1;
  transition:height 0.2s ease-in;
}
.tplplanifruit.calc-container .pommes:hover .ico,
.tplplanifruit.calc-container .poires:hover .ico,
.tplplanifruit.calc-container .cerises:hover .ico,
.tplplanifruit.calc-container .prunes:hover .ico,
.tplplanifruit.calc-container .peches:hover .ico,
.tplplanifruit.calc-container .nectarines:hover .ico,
.tplplanifruit.calc-container .abricots:hover .ico,
.tplplanifruit.calc-container .cidre:hover .ico{
  bottom: 50px;
}
.tplplanifruit.calc-container .pommes:hover .stitre,
.tplplanifruit.calc-container .poires:hover .stitre,
.tplplanifruit.calc-container .cerises:hover .stitre,
.tplplanifruit.calc-container .peches:hover .stitre,
.tplplanifruit.calc-container .abricots:hover .stitre,
.tplplanifruit.calc-container .prunes:hover .stitre,
.tplplanifruit.calc-container .nectarines:hover .stitre,
.tplplanifruit.calc-container .cidre:hover .stitre{
  bottom: 60px;
}
.tplplanifruit.calc-container .cerises .ico{
  background-image: url(img/cerises_ico.png);
  width: 70px;
  margin-left: -30px;
}
.tplplanifruit.calc-container .prunes .ico{
  background-image: url(img/prune-ico.png);
  margin-left: -30px;
  width: 55px;
}
.tplplanifruit.calc-container .peches .ico{
  background-image: url(img/peche_ico.png);
  margin-left: -30px;
  width: 60px;
  height: 64px;
}
.tplplanifruit.calc-container .nectarines .ico{
  background-image: url(img/peche_ico.png);
  margin-left: -30px;
  height: 64px;
  width: 60px;
}
.tplplanifruit.calc-container .abricots .ico{
  margin-left: -28px;
    width: 56px;
}
/*Pommes*/
#pollinisateur{
  width: 935px;
  height: 384px;
  margin: 0 auto;
  background: url(img/fond-pommes.jpg) no-repeat center top;
  position: relative;
}
#pollinisateur.poires{
  background: url(img/fond-poires.jpg) no-repeat center top;
}
#pollinisateur .content{
  width:570px;
  margin: 30px auto;
  font-size: 15px;
  color:#00553c;
}
#res-tableau #error{
  display: none;
  color:red;
  line-height: 48px;
  text-align: center;
}
#res-tableau{
  margin: 0 auto;
  margin-top: 20px;
  width: 582px;
}
#res-tableau .entete{
  background: #97d700;
  text-align: center;
  color: #00553c;
  line-height: 48px;
  font-weight: bold;
  display: none;
}
#res-tableau #error,
#res-tableau .entete{
  margin: 0;
}
#res-tableau #res{
  margin: 0 auto;
  width: 100%;
}
#res-tableau tbody > tr:nth-child(odd){
  background-color:#f5f5f5;
}
div.family{
  padding-right: 258px;
  position: relative;

}
div.family i{
  position: absolute;
  right: 30px;
  height: 100%;
  line-height: 30px;
  font-size: 25px;
  cursor: pointer;
}
div.family span{
    text-transform:uppercase;
}
td.nopadding table{
  display: none;
}
#res-tableau tbody > tr td:first-child{
  border-right: 1px solid #97d700;
}
#res-tableau td{
  line-height: 30px;
  text-align: center;
}
#res-tableau td.voir{
  width: 218px;
}
#res-tableau td:first-child{
  text-align: right;
  padding-right: 40px;
  color: #00553c;
  font-weight: bold;
}
#res-tableau td.nopadding{
  padding-right: 0 !important;
  border-right: none !important;
}
.acces{
  display: inline-block;
  vertical-align: middle;
  height: 55px;
  width: 265px;
  line-height: 55px;
  background:url(img/poires.png) no-repeat top left;
  text-align: left;
  display: inline-block;
  padding-left: 70px;
  margin: 20px 0;
}
.acces.poires{
    background:url(img/pommes.png) no-repeat top left;
}
.acces.cidre{
    background:url(img/cidre.png) no-repeat top left;
}
.acces span{
  padding-top: 10px;
  line-height: 17px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
/*Planifruit*/
#planifruit .mois .m{
  float: left;
  line-height: 48px;
  color:white;
  font-weight: normal;
  font-size: 18px;
  background-color: #00553c;
  text-transform: uppercase;
  text-align: right;
  padding: 0 10px;
}
#planifruit .mois .m-7,
#planifruit .mois .m-8{
  background-image: url(img/sun.png);
  background-position: 5px 5px;
  background-repeat:no-repeat;
}
#planifruit .mois .m-9{
  background-image: url(img/cloudy.png);
  background-position: 5px 5px;
  background-repeat:no-repeat;
}
#planifruit .mois .m-10,
#planifruit .mois .m-11,
#planifruit .mois .m-12{
  background-image: url(img/cloud.png);
  background-position: 5px 10px;
  background-repeat:no-repeat;
}
#planifruit .mois .m:nth-child(odd){
 background-color: #97d700;
}
#planifruit .jours .j{
  color: #00553c;
}
#planifruit .jours .j.even{
  background-color: #cbeb7f;
}
#planifruit .jours .j.odd{
  background-color: #7faa9d;
}
#planifruit .jours .j{
  float: left;
}
#plani-head{
  background: url(img/fond-plani-head.jpg) no-repeat center top;
  min-height: 150px;
  position: relative;
  margin-bottom: 10px;
}
#plani-head #lecontent{
    width: 60%;
    margin: 0 auto;
    text-align: center;
    font-size: 15px;
}
#plani-head h2{
  color: white;
  padding-left: 140px;
  text-transform: uppercase;
  line-height: 60px;
  font-weight: normal;
  font-size: 30px;
  margin-top: 0;
}
#plani-head .date{
  display: block;
  position: absolute;
  width: 84px;
  height: 65px;
  border: 4px solid #97d700;
  top: 44px;
  left: 37px;
}
#plani-head .date #lemois{
  display: block;
  margin: 0;
  font-size: 13px;
  background:#97d700;
  color:white;
  text-align: center;
  text-transform: uppercase;
}
#plani-head .date #lejour{
  display: block;
  margin: 0;
  font-size:32px;
  font-weight: bold;
  text-align: center;
  color: #97d700;
  line-height: 40px;
}
/*PAGE FAVORIS*/
.item{
  margin: 5px 0;
  padding-bottom: 5px;
  border-bottom: 1px solid #00553c;
}
.item:last-child{
 border-bottom: 0;
}
.item h3{
  margin: 0;
}

.item .image{
  float: left;
  width: 70px;
  margin-right: 10px;
}
.item .suppr{
  cursor: pointer;
}
.item .image a{
    display: block;
}

/*FOOTER*/
footer {
  background-color: #00553c;
  color: #FFF;
  text-align: center;
  position: relative;
}
footer .wrapper{
  text-align: left;
  padding-bottom: 0;
}
footer ul {
  display: inline-block;
  border-left: 3px solid #FFF;
  padding: 0 10px;
  text-align: left;
  width: 150px;
  text-transform: uppercase;
}
footer ul li {
  list-style-type: none;
  font-weight: 400;
  font-size: 12px;
}
footer .infos-footer {
  text-align: left;
  float: left;
  margin-top: 10px;
  margin-right: 120px;
  font-size: 12px;
}
footer .infos-footer p {
  margin: 1px;
  font-weight: 100;
}
footer .mentions-l {
  float: right;
  margin-right: 120px;
  margin-top: 70px;
  text-transform: uppercase;
  font-size: 12px;
}
footer #bouton-up {
  cursor: pointer;
  position: absolute;
  right: 300px;
  top: -18px;
}

.page-template-default footer #bouton-up{
    top: -228px;
}
footer .wrapper a{
  color: white;
}

#plan img{
  display: none;
}

#mobile-view{
    display: none;
}
.actualites #actualite .flex-direction-nav{
	bottom: 25px;
}
.slider{
	margin-top : 60px;
}
/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

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

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
.m-toggle{
  display: none;
}
.ui-helper-hidden-accessible{
  display: none;
}
@media only screen and (max-width:1100px) {
  img{
    max-width: 100%;
    height:auto;
  }

  #activemenumobile{
    color: #fff;
    display: block;
    padding: 5px;
    text-align: center;
  }
  .menu-header-container  nav.nav{
      display: none;
  }
  .search #search{
    max-width: 100%;
  }
  .outils .out,
  .zoom:hover{
    background-size: auto;
  }
    .wrapper {
        max-width: 100%;
    }
    .breadcrumbs,
    #contenu{
      max-width: 100%;
      padding: 0 10px;
    }
    .btn-top-right {
        float: none;
        width: 100%;
        margin: 10px 0;
        text-align: right;
      padding: 0 10px;
    }
    .btn-top-right span {
        vertical-align: middle;
    }
    .btn-top-right #contact {
        padding-top: 0;
        height:auto;
    }
    .logo-description {
        float: none;
        margin: 0 auto;
        position: relative;
        text-align: center;
        width: 100%;
        margin-top: -20px;
    }

    /*MENU*/
  .nav li ul{
    text-align: center;
  }
  nav,
  #menu-primary,
  #menu-menu-principal-anglais,
  #menu-menu-principal-all,
  #menu-menu-principal-esp,
  #menu-menu-principal-pol,
  #menu-menu-principal-ita,
  #menu-menu-principal-russe{
    height:auto;
    padding: 5px 0;
  }
  #menu-primary li,
  #menu-menu-principal-all li,
  #menu-menu-principal-esp li,
  #menu-menu-principal-pol li,
  #menu-menu-principal-ita li,
  #menu-menu-principal-anglais li,
  #menu-menu-principal-russe li{
    width: 100%;
    position: relative;
    margin: 0;
  }
  #menu-primary li,
  #menu-menu-principal-all li,
  #menu-menu-principal-esp li,
  #menu-menu-principal-pol li,
  #menu-menu-principal-ita li,
  #menu-menu-principal-russe li,
  #menu-menu-principal-anglais li,
  #menu-primary li a,
  #menu-menu-principal-all li a,
  #menu-menu-principal-anglais li a,
  #menu-menu-principal-ita li a,
  #menu-menu-principal-esp li a,
  #menu-menu-principal-pol li a,
  #menu-menu-principal-russe li a{
    height: auto;
    text-align: left;
  }
  .nav > ul > li:hover.menu-item-has-children:before{
    display: none;
  }
  .nav > ul > li:hover > a{
    transform: none;
  }
  #menu-menu-principal-all li.menu-item-has-children .m-toggle,
  #menu-primary li.menu-item-has-children .m-toggle,
  #menu-menu-principal-anglais li.menu-item-has-children .m-toggle,
  #menu-menu-principal-esp li.menu-item-has-children .m-toggle,
  #menu-menu-principal-ita li.menu-item-has-children .m-toggle,
  #menu-menu-principal-pol li.menu-item-has-children .m-toggle,
  #menu-menu-principal-russe li.menu-item-has-children .m-toggle{
    display: block;
    position: absolute;
    top: 3px;
    right: 6px;
    height:37px;
    width:37px;
    text-align: center;
    line-height: 37px;
    font-size: 30px;
    color: white;
  }
  nav #menu-menu-principal-all li ul.sub-menu,
  nav #menu-primary li ul.sub-menu,
  nav #menu-menu-principal-esp li ul.sub-menu,
  nav #menu-menu-principal-ita li ul.sub-menu,
  nav #menu-menu-principal-pol li ul.sub-menu,
  nav #menu-menu-principal-anglais li ul.sub-menu,
  nav #menu-menu-principal-russe li ul.sub-menu{
    display: block;
    padding: 0;
    min-height: 0;
    max-height: 0;
    overflow: hidden;
    position: relative;
    left: auto;
    top:auto;
    height:auto;
    width:auto !important;
    max-width: 100%;
    text-align: center;
  }
  nav #menu-menu-principal-all li.open,
  nav #menu-menu-principal-anglais li.open,
  nav #menu-menu-principal-esp li.open,
  nav #menu-menu-principal-ita li.open,
  nav #menu-menu-principal-pol li.open,
  nav #menu-menu-principal-russe li.open,
  nav #menu-primary li.open{
    padding-bottom: 10px;
  }
  nav #menu-menu-principal-all li ul.sub-menu.open,
  nav #menu-menu-principal-anglais li ul.sub-menu.open,
  nav #menu-menu-principal-esp li ul.sub-menu.open,
  nav #menu-menu-principal-ita li ul.sub-menu.open,
  nav #menu-menu-principal-pol li ul.sub-menu.open,
  nav #menu-menu-principal-russe li ul.sub-menu.open,
  nav #menu-primary li ul.sub-menu.open{
    max-height: 99999px;
  }
  nav #menu-menu-principal-all li ul.sub-menu li,
  nav #menu-menu-principal-pol li ul.sub-menu li,
  nav #menu-menu-principal-esp li ul.sub-menu li,
  nav #menu-menu-principal-ita li ul.sub-menu li,
  nav #menu-menu-principal-anglais li ul.sub-menu li,
  nav #menu-menu-principal-russe li ul.sub-menu li,
  nav #menu-primary li ul.sub-menu li{
    padding: 10px;
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  nav #menu-menu-principal-all li ul.sub-menu li a,
  nav #menu-menu-principal-anglais li ul.sub-menu li a,
  nav #menu-menu-principal-esp li ul.sub-menu li a,
  nav #menu-menu-principal-ita li ul.sub-menu li a,
  nav #menu-menu-principal-pol li ul.sub-menu li a,
  nav #menu-menu-principal-russe li ul.sub-menu li a,
  nav #menu-primary li ul.sub-menu li a{
    margin: 0;
    text-align: center;
  }
  nav #menu-menu-principal-all li ul.sub-menu li a img,
  nav #menu-menu-principal-anglais li ul.sub-menu li a img,
  nav #menu-menu-principal-esp li ul.sub-menu li a img,
  nav #menu-menu-principal-ita li ul.sub-menu li a img,
  nav #menu-menu-principal-pol li ul.sub-menu li a img,
  nav #menu-menu-principal-russe li ul.sub-menu li a img,
  nav #menu-primary li ul.sub-menu li a img{
    width: auto;
    margin: 0 auto;
    display: block;
  }
    .categories, .informations {
        height: auto;
    }
    #cat-choice{
        width: 100%;
        margin: 0;
        height: auto;
    }
    .outils{
      padding: 10px 0;
    }
    .outils .out{
      height:250px;
      width: 264px;
    }
    .categories .cat.zoom{
      height: 280px;
      width: 208px;
      margin: 8px !important;
    }
    .categories #cat1 span, .categories #cat2 span {
      padding: 10px 40px;
    }
    .categories #cat3 span {
      line-height: 40px;
    }
    .cat-description {
        padding: 0;
    }
    .informations{
      padding: 0 10px 10px 10px;
    }
    .informations #societe {
        width: 70%;
        margin: 10px 0;
        height: auto;
    }
    .informations #societe > img, .informations #video img {
        float: left;
        height: auto;
        margin-right: 10px;
        margin-bottom: 10px;
        max-width: 30%;
        width: auto;
    }
    .informations #video img {
       margin-left: 10px;
    }
    .informations #ifo img {
        float: left;
        margin-left: 10px;
    }
    .informations #video {
        height: auto;
        width:70%;
        margin: 10px 0;
    }
    .informations #info-ext {
        width: 70%;
        margin: 5px 0 0;
    }
    .informations #info-ext #ifo,
    .informations #info-ext #partenaires{
        width: 49.5%;
    }
    .informations #info-ext #partenaires{
       margin-top: 0;
       vertical-align: top;
    }
    .informations .info {
        height: auto;
    }
  .actualites #newletter.interieur #ifosearch h2{
    text-align: left;
    padding-top: 5px;
  }
  .actualites #newletter.interieur #ifosearch h2 img{
    margin-top: 0;
  }
  #ifosearch{
    text-align: center;
    padding-bottom: 21px;
  }
  #ifosearch .readmore,
  .informations #info-ext #ifo .readmore{
    display: block;
    text-align: right;
    float: none;
  }
  .actualites #actualite{
    padding: 25px 10px;
  }
  .actualites ul li{
    overflow: hidden;
  }
  .actualites #actualite h3{
    margin-top: 0;
  }
    .actualites .actu-right{
      width: 60%;
    }
    .actualites .actu-left{
      width: 30%;
      height:auto;
    }
  .actualites .actu-left > img{
    height:auto;
    width: auto;
  }
    .actualites{
        height: auto;
    }
  .actualites #actualite p{
    width:auto;
  }
    .actualites #newletter {
        float: none;
        width: 100%;
        position: relative;
    }
    #cat-choice .type-cat{
        display: inline-block;
        width: 49%;
    }
    .actualites #actualite {
        width: 100%;
    }
  .actualites #newletter .fleche-verte-droite{
    right:130px;
  }
  .actualites #newletter{
    padding: 0 0 10px 0;
    height:auto;
  }
  .actualites #newletter.interieur #news {
    padding: 10px 0 25px 15px;
  }
  .actualites #newletter > span{
    display: block;
    width:320px;
    margin: 0 auto;
    position: relative;
    padding: 15px 0 0 15px;
    }
  .wrapper{
    padding-bottom: 0;
  }
  footer #bouton-up{
    right: calc(50% - 21px);
    width: 42px;
    height: 42px;
  }
  .page-template-page-outils footer #bouton-up, .page-template-page-univers footer #bouton-up, .page-template-default footer #bouton-up {
    top: -21px;
  }
  footer .infos-footer{
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center;
    padding-top: 30px;
  }
  footer .mentions-l{
    float: none;
    display: block;
    text-align: center;
    margin: 0 auto;
  }
  footer ul{
    display: block;
    border: none;
    margin: 5px auto;
    text-align: center;
    padding-top: 5px;
    border-top : 1px solid white;
  }

  /*Barre de recherche*/
  form .multi-search input,
  form .multi-search select{
    width: 90%;
    display: block;
    margin: 5px auto;
  }

  /*Affichage liste*/
  .bandeau{
    min-height: 170px;
    height:auto;
  }
  .bandeau .blackband{
    padding-top: 10px;
    height:auto;
    position: relative;
  }
  .bandeau .wrapper{
    padding: 0 10px;
  }
  .lettres{
    display: none;
  }
    .m-lettres.mobile{
        display: block;
    }
    .m-lettres.mobile select{
        width:100%;
    }
  .nopadd{
    padding: 0 10px;
  }
  .container > .pommes{
    max-width: 100%;
    padding: 0 5px;
  }
  .pomme-nav:before{
    width: 100%;
  }
  .page-template-page-fruitsanoyaux .pommes .ligne,
  .page-template-page-portegreffe .pommes .ligne{
        margin-left: 0;
    }
  .page-template-page-fruitsanoyaux a.pomme,
  .page-template-page-portegreffe a.pomme,
  .pomme{
    width: 25%;
    float: left;
    height:auto;
    margin: 0 !important;
    padding: 10px;
    min-height: 280px;
  }
  .page-template-page-fruitsanoyaux .relimgwrapper,
  .page-template-page-portegreffe .relimgwrapper{
    min-height: auto;
  }
  .page-template-page-fruitsanoyaux a.pomme,
  .page-template-page-portegreffe a.pomme{
      width: 31%;
      min-height: auto;
  }
  .page-template-page-fruitsanoyaux .pomme h2,
  .page-template-page-portegreffe .pomme h2{
      font-size: 20px;
  }
  .page-template-page-fruitsanoyaux .pomme img,
  .page-template-page-portegreffe .pomme img,
  .pomme img{
    width: 100%;
    height:auto;
  }

  /*Fiche produit*/
  .produit{
    padding: 0 10px;
    max-width: 100%;
  }
  .first-line .photos, .first-line .action{
    float: none;
    width: 100%;
    height:auto;
    margin: 0 auto;
  }
  .first-line .photos{
    height:auto;
  }
  .d-pomme #out-choice,
  .d-pomme .d-pomme-txt{
    width: 100%;
    float: none;
      margin-bottom: 10px;
  }
  .photos .flex-control-thumbs{
    text-align: center;
  }
  .tools ul li a{
    height:64px;
  }
  .tools p{
    text-align: left;
  }
  .tools ul li a span{
    line-height: 44px;
    max-width: 100%;
    word-wrap: normal;
  }
  .action .boutons .bouton{
    width:100%;
  }

  /*FORMULAIRES*/
  #leform .ligne-form label,
  #leform .ligne-form input,
  #leform .ligne-form textarea,
  #leform .ligne-form select,
  #leform input[type="submit"]{
    width: 100%;
    text-align: left;
    float: none;
    margin: 0;
  }
  #leform input[type="submit"]{
    text-align: center;
  }
  #leform .wpcf7-not-valid-tip{
    padding: 0;
  }

  /*CONTACT*/
  .page-template-page-contact .form-float,
  .contact .form-float,
  .page-template-page-contact .msg,
  .contact .msg,
  .page-template-page-contact .densite,
  .contact .densite,
  .page-template-page-contact p.mandat,
  .contact p.mandat,
  .page-template-page-contact form.wpcf7-form textarea,
  .contact form.wpcf7-form textarea,
  #gmap
  {
    width: 100%;
    float: none;
    margin: 0;
  }
  #gmap{
    border-left:0;
    border-right:0;
  }
  .page-template-page-contact form.wpcf7-form .ligne-form,
  .contact form.wpcf7-form .ligne-form{
    margin-bottom: 15px !important;
  }

  .page-template-page-contact .form-float,
  .contact .form-float{
    height:auto;
  }
  .page-template-page-contact .msg,
  .contact .msg,
  .page-template-page-contact .form-float,
  .contact .form-float{
    padding: 0 10px;
  }

  .densite a.btn{
    margin: 5px auto;
    display: block;
    padding-top: 7px;
  }
  .page-template-page-contact .densite,
  .contact .densite{
    text-align: center;
    height:auto;
  }
  .page-template-page-contact p.mandat,
  .contact p.mandat{
    padding: 0 10px;
    max-width: 50%;
    margin: 5px auto;
  }
  .wpcf7-form-control-wrap{
    width: 304px;
    margin: 0 auto;
  }
  .page-template-page-contact form.wpcf7-form input[type="submit"],
  .contact form.wpcf7-form input[type="submit"]{
    margin: 0 auto;
    float: none;
    display: block;
  }
  .page-template-page-contact .g-recaptcha,
  .contact .g-recaptcha{
    margin: 0 auto;
  }
  .page-template-page-contact form.wpcf7-form span.wpcf7-not-valid-tip,
  .contact form.wpcf7-form span.wpcf7-not-valid-tip{
    padding: 0;
    margin: 0;
    float: left;
  }

  .page-template-page-contact form.wpcf7-form .ligne-form,
  .contact form.wpcf7-form .ligne-form{
    height: auto;
  }
  .page-template-page-contact form.wpcf7-form input, .page-template-page-contact form.wpcf7-form select,
  .contact form.wpcf7-form input, .contact form.wpcf7-form select,
  .page-template-page-contact form.wpcf7-form .ligne-form label,
  .contact form.wpcf7-form .ligne-form label{
    display: block;
    float: none;
    width: 100%;
  }

  /*Actualités / Conseils / Pommoscopes */
  .pomm,
  .actus-gauche,
  .actus-droite{
    width: 100%;
    float: none;
    margin: 0 !important;
  }
  .bloc-actus{
    width:100%;
  }
  .single .actus-gauche{
    padding: 0 10px;
  }
  .padleft{
    padding-left: 0;
  }
  .single .logos-sociaux{
    float: none;
    margin: 5px 0;
    display: block;
  }
  .actus-droite + a{
    width: 100%;
    float: none;
    margin: 5px 0;
  }

  .pommo-droite, .actu-droite{
    float: none;
    text-align: center;
  }


}
@media only screen and (max-width:980px) {

  .calc-container.plani{
    padding: 0 10px;
  }
  .calc-container .tool{
    margin: 10px auto;
    float: none !important;
  }
}
@media only screen and (max-width:970px) {
  .pomme{
    width: 33.33333333%;
    min-height: 265px;
  }
  .calc-container{
    width: 95%;
  }
  .calc-container .pommes, .calc-container .poires, .calc-container .cerises, .calc-container .prunes,.calc-container .cidre.pl
  {
    width: 250px;
    height:250px;
  }
    .calc-container .pommes:hover:after, .calc-container .poires:hover:after, .calc-container .cerises:hover:after, .calc-container .prunes:hover:after, .calc-container .cidre:hover:after{
        height: 250px;
    }

    /*OUTILS*/
    /*Pollinisation*/
    #calculateur,
    #pollinisateur,
    #pollinisateur.poires{
        max-width: 100%;
        height:auto;
        background: none;
    }
    #plani-head h2,
    #calculateur h2, #pollinisateur h2{
        line-height: normal;
        padding: 5px 10px;
        background: #00553C;
    }
    #pollinisateur .content,
    #calculateur form,
    #pollinisateur form{
        max-width: 100%;
        padding: 0 10px;
    }
    #pollinisateur form label,
    #res-tableau{
        max-width: 100%;
    }
    #res-tableau{
        padding: 0 10px;
    }
    #res-calc{
        max-width: 100%;
        line-height: normal;
        padding: 5px 0;
    }

    #calculateur form label,
    #calculateur form input,
    #pollinisateur form input,
    #pollinisateur form label{
        width: 100%;
        margin: 0;
        text-align: left;
    }
    #calculateur #telecharger, #pollinisateur #telecharger{
        display: block;
        position: static;
        margin: 15px auto;
    }
    #calculateur form .ligne, #pollinisateur form .ligne{
        margin: 20px auto;
    }
    #plani-head #lecontent{
        width: 80%;
    }
    #plani-head{
        background: none;
    }
    #plani-head .date{
        position: static;
        margin: 0 auto;
    }
    #mobile-view #res-tableau tr th{
        background: #97d700;
        color: white;
        font-weight: normal;
    }
    #mobile-view #res-tableau tr th:first-child{
        border-right:1px solid white ;
    }
    #mobile-view #res-tableau tr td:first-child{
        text-align: left;
    }
  #planifruit .mois,
  #planifruit .jours,
  #planifruit #lecanvas{
      display: none;
  }
    #mobile-view{
        display: block;
    }

}

@media only screen and (max-width:870px) {
  .outils .out{
    display: block;
    margin: 5px auto !important;
  }
    .page-template-page-tableaux .calc-container .pommes,
    .page-template-page-tableaux .calc-container .cerises{
        margin-left:50px;
    }
    .page-template-page-tableaux .calc-container .poires,
    .page-template-page-tableaux .calc-container .prunes{
        margin-right:50px;
    }
}
@media only screen and (max-width:790px) {
  .bandeau.bandeau-outils h1,
  .bandeau.variete h1{
    width: 100%;
  }
  .bandeau.bandeau-outils .planilink,
  .bandeau.variete .planilink{
    display: block;
    float: none;
    margin: 10px 0;
    width:100%;
  }
}
@media only screen and (max-width:790px) {
  .calc-container .pommes, .calc-container .poires, .calc-container .cerises, .calc-container .prunes,.calc-container .cidre.pl
  {
    width: 200px;
    height:200px;
  }
    .page-template-page-tableaux .calc-container .pommes,
    .page-template-page-tableaux .calc-container .cerises,
    .page-template-page-tableaux .calc-container .prunes,
    .page-template-page-tableaux .calc-container .poires{
        width: 250px;
        height:250px;
    }
    .calc-container .pommes:hover:after, .calc-container .poires:hover:after, .calc-container .cerises:hover:after, .calc-container .prunes:hover:after, .calc-container .cidre:hover:after{
        height: 200px;
    }
    div.family{
      padding-right: 0px;
      text-align:left;

    }
}
@media only screen and (max-width:690px) {
  .categories .cat.zoom{
    display: block;
    margin: 10px auto !important;
  }
  #lesliderprod{
        width: 100%;
    }
    .produit #carousel {
        width: 100%;
    }
    .flex-direction-nav{
        display:none;
    }
        .action h1{
    font-size: 40px;
    max-width: 100%;
    word-break: break-word;
    white-space: pre-wrap;
word-break: break-all;
  }
}
@media only screen and (max-width:630px) {
    .page-template-page-tableaux .calc-container .pommes,
    .page-template-page-tableaux .calc-container .poires,
    .page-template-page-tableaux .calc-container .cerises,
    .page-template-page-tableaux .calc-container .prunes,
  .calc-container .pommes, .calc-container .cerises, .calc-container .prunes, .calc-container .poires,.calc-container .cidre.pl
  {
    width: 304px;
    height:304px;
    display: block;
    margin: 5px auto !important;
      float: none;
  }
    .calc-container .pommes:hover:after, .calc-container .poires:hover:after, .calc-container .cerises:hover:after, .calc-container .prunes:hover:after, .calc-container .cidre:hover:after{
        height: 304px;
    }
  .actu img{
    float: none;
    margin: 0 auto;
    display: block;
  }
  .informations #info-ext #ifo,
    .informations #info-ext #partenaires{
        width: 100%;
    }
    .logo-description {
        margin: 0 auto;

    }
    .page-template-page-fruitsanoyaux a.pomme,
    .page-template-page-portegreffe a.pomme{
        width: 100%;
        min-height: 0;
    }

}
@media only screen and (max-width:570px) {
  .logo-img,
  .logo-description .description{
    padding: 0 10px;
      margin: 0;
  }
  .pomme{
    width: 50%;
  }
  .contact p.mandat{
    max-width: 80%;
  }

}

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

  .fa-search{
    margin: 0 auto;
  }
  .search button:hover{
    transform: none;
  }
  .search{
    padding: 20px 10px;
  }
  .search #search{
    max-width: 100%;
  }
  .search button{
    display: block;
    margin: 10px auto 0 auto;
    padding: 0;
    height: 32px;
    width: 32px;
  }
  .actualites #actualite .flex-direction-nav{
    bottom: 20px;
  }
  .boutons .vert{
    font-size: 0;
  }
  .action .dlink{
    display: block;
  }
  .photos .flex-control-thumbs li{
    width: 33.333333%;
    height: auto;
    float: left;
    margin: 0 !important;
    padding: 5px;
  }
  .photos .flex-control-thumbs li img{
    width: 100%;
    height:auto;
  }
  .search #search {
      max-width: 80%;
  }
  .search button {
      display: inline;
      margin-top: 0;
  }
}
@media only screen and (max-width:450px) {
  .bandeau h1, .bandeau .h1{
    font-size: 40px;
    word-break: break-word;
  }
  .calc-container .tool
  {
    width: 100%;
    margin: 10px 0;
    background-size: contain;
  }

}

@media only screen and (max-width:400px) {
    .pomme{
        width: 100%;
        min-height: 0;
    }
}
@media only screen and (max-width:370px) {
  .bandeau-pomm{
    background-size: contain;
  }
}
@media only screen and (max-width:340px) {
    .tools ul li a, #out-choice a{
        font-size: 14px;
    }
}
/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}
/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

/* PAGE VIDEOS */

.top-container-video {
	display: flex;
	justify-content: space-between;
}

.page-template-page-videos .top-container-video {
	padding-bottom: 0px;
}

.iframeActive:before {
	content: 'Lecture en cours';
	position: absolute;
	background: linear-gradient(rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%);
	width: 100%;
	height: 100%;
	text-align: center;
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-transform: uppercase;
	font-size: 17px;
}

@media screen and (max-width: 768px) {
	.top-container-video {
		flex-direction: column;
	}

	.top-container-video .video-secondaire-container {
		flex-direction: row;
	}

	.video-secondaire-solo-container {
		margin: auto;
	}

	.full-video-container-global .full-video-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.full-video-container .solo-video-container img {
		height: 170px;
	}

	.solo-video-container {
		max-width: 300px;
		width: 100%;
	}

	.solo-video-container:not(:last-child) {
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 620px) {
	.full-video-container .solo-video-container img {
		/* height: auto; */
		height: 170px;
	}
}

.video-primaire {
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}

.video-primaire iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-primaire-container {
	width: 74%;
}

.titre-mise-avant {
	color: #00553c;
	font-weight: bold;
}

.video-secondaire {
	cursor: pointer;
	position: relative;
}

.video-secondaire-container p {
	margin: 5px 0 10px 0;
	font-size: 12px;
	color: #00553c;
	font-weight: bold;
}

.video-secondaire-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.video-secondaire iframe {
	width: 220px;
	height: 120px;
	pointer-events: none;
}

.page-template-page-videos .wrap {
	background-color: #00553c;
}

.full-video-container {
	display: grid;
	grid: auto-flow 185px / repeat(3, 1fr);
	gap: 30px;
	padding-bottom: 125px;
}

.full-video-container-global.wrapper {
	width: 960px;
}

.full-video-container.wrapper {
	width: 960px;
}

.modal-video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

.modal-video-container iframe,
.modal-video-container object,
.modal-video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.full-video-container-global {
	text-transform: uppercase;
	text-align: center;
}

.sort-options {
	display: flex;
	justify-content: space-between;
}

.choice {
	color: white;
	text-transform: none;
	font-weight: bold;
	margin-bottom: 60px;
	position: relative;
	cursor: pointer;
}

.choice:hover {
	color: #97d700;
}

.choice:hover:before,
.choice.active:before {
	background: #97d700;
	border-radius: 50%;
	content: '';
	width: 12px;
	height: 12px;
	position: absolute;
	bottom: -20px;
	right: 0;
	left: 0;
	margin: auto;
}

.choice.active {
	color: #97d700;
}

.solo-video-container {
	position: relative;
	cursor: pointer;
}

.solo-video-container .hovered {
	display: none;
}

.solo-video-container .hovered p {
	text-align: center;
}

.solo-video-container:hover > .hovered {
	display: block;
	position: absolute;
	bottom: 0;
	color: white;
	right: 0;
	left: 0;
	margin: auto;
}

.solo-video-container .play {
	display: none;
}

.solo-video-container:hover > .play {
	display: block;
	position: absolute;
	right: 0;
	left: 0;
	width: 90px;
	height: 90px;
	margin: auto;
	top: 0;
	bottom: 0;
	background: #00553c;
	opacity: 0.8;
	border-radius: 50%;
	border: 2px solid white;
}

.solo-video-container:hover > .play img {
	display: block;

	width: 25px;
	height: 45px;
	position: absolute;
	right: 0;
	left: 10px;
	margin: auto;
	top: 0;
	bottom: 0;
}

.solo-video-container img {
	width: 100%;
	height: 100%;
}

.solo-video-container iframe {
	width: 100%;
	height: 100%;
}

.container-video-title {
	color: white;
	padding-top: 30px;
	margin: 0;
	margin-bottom: 50px;
}

.video-title {
	color: #00553c;
	text-transform: none;
	font-weight: bold;
	margin-bottom: 5px;
}

.modal-full {
	display: none;
	position: fixed;
	z-index: 101;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4);
}

.modal-container {
	background-color: #fefefe;
	margin: auto;
	border: 1px solid #888;
	display: table;
	max-width: 1000px;
	width: 90%;
	position: relative;
}

.close-video-modal {
	position: absolute;
	color: white;
	z-index: 2;
	right: -23px;
	top: -21px;
	font-size: 27px;
	transform: rotate(45deg);
	border: 1px solid;
	border-radius: 49%;
	width: 40px;
	height: 40px;
	background: #00553c;
}

.hiddenMin {
	display: none;
}

.page-template-page-videos #actualite,
.page-template-page-contact-refonte #actualite {
	height: auto;
}

.page-template-page-videos .actualites,
.page-template-page-contact-refonte .actualites {
	height: 465px;
}

.page-template-page-videos footer #bouton-up,
.page-template-page-contact-refonte footer #bouton-up {
	right: 305px;
	top: -199px;
}

.page-template-page-videos .actualites,
.page-template-page-contact-refonte .actualites {
	height: auto;
}

.page-template-page-videos #actualite h2,
.page-template-page-contact-refonte #actualite h2 {
	padding-top: 25px;
}

.page-template-page-videos #newletter.interieur #ifosearch h2,
.page-template-page-contact-refonte #newletter.interieur #ifosearch h2 {
	padding: 25px 0;
}

.page-template-page-videos #newletter,
.page-template-page-contact-refonte #newletter {
	height: auto;
}

.page-template-page-videos .actualites #newletter.interieur #news,
.page-template-page-contact-refonte .actualites #newletter.interieur #news {
	padding-bottom: 20px;
}

.page-template-page-videos .actualites .wrapper,
.page-template-page-contact-refonte .actualites .wrapper {
	padding-bottom: 0;
}

.sort-options-mobile {
	display: none;
}

.dropdown-video-categ {
	display: none;
}

@media screen and (max-width: 1100px) {
	.sort-options-mobile {
		display: block;
		height: 50px;
		background: #00553c;
		color: white;
		line-height: 50px;
		margin: auto;
		border-radius: 15px;
		border: 2px solid white;
		z-index: 2;
		position: relative;
		font-weight: bold;
		margin-bottom: 50px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		max-width: 400px;
		width: 90%;
		cursor: pointer;
	}

	.sort-options-mobile:before {
		content: '\f077';
		font: normal normal normal 14px/1 FontAwesome;
		position: absolute;
		right: 25px;
	}

	.sort-options-mobile.activeToggle:before {
		content: '\f078';
		font: normal normal normal 14px/1 FontAwesome;
		position: absolute;
		right: 25px;
	}

	.container-dropdown {
		position: relative;
	}

	.dropdown-video-categ {
		list-style-type: none;
		display: none;
		max-width: 400px;
		width: 90%;

		margin: auto;
		background: #00553c;
		padding: 65px 0;
		border: 2px solid white;
		border-radius: 15px 15px 0 0;

		position: absolute;
		right: 0px;
		left: 0px;
		top: 0px;
		z-index: 1;
		padding-bottom: 0;
	}

	.choice.liste {
		margin-bottom: 35px;
		color: white;
		cursor: pointer;
	}

	.choice.liste:hover,
	.choice.liste.active {
		color: #97d700;
	}

	.sort-options {
		display: none;
	}

	.page-template-page-videos footer #bouton-up,
	.page-template-page-contact-refonte #bouton-up {
		right: calc(50% - 21px);
		top: -21px;
	}

	.top-container-video {
		flex-direction: column;
	}

	.top-container-video .video-secondaire-container {
		flex-direction: row;
		width: 97%;
		margin: 40px auto;
		flex-wrap: wrap;
	}

	.video-primaire-container {
		width: 97%;
		margin: auto;
	}

	.video-secondaire img {
		width: 250px;
		height: 160px;
	}

	.video-secondaire-container .video-secondaire {
		margin: auto;
	}

	.page-template-page-videos .actualites {
		padding-top: 0;
	}

	.page-template-page-videos .actualites > .wrapper,
	.page-template-page-contact-refonte .actualites > .wrapper {
		width: 95%;
		margin: auto;
	}

	.full-video-container {
		width: 97%;
	}
}

/* PAGE CONTACT */

.container-first .pays {
	color: #fff;
}

.scrollTo {
	width: 55px;
	height: 55px;
	position: absolute;
	right: 0;
	left: 0;
	bottom: -20px;
	margin: auto;
	background: white;
	border-radius: 50%;
	z-index: 1;
}

.scrollTo:before {
	content: '\f078';
	font-family: 'FontAwesome';
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	color: #97bf16;
	font-size: 25px;
	-webkit-text-stroke: 2px #fff;
}

.close-modal {
	height: 40px;
	width: 40px;
	position: absolute;
	right: -20px;
	top: 25px;
	background: #00553c;
	border-radius: 50%;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 37px;
	transform: rotate(45deg);
	color: white;
	cursor: pointer;
}

.bold {
	font-weight: bold;
}

.drapeau {
	display: inline;
}

.pays {
	display: inline;
	font-size: 12px;
	color: var(--customFlagColor);
}

.spacing {
	padding: 0 20px;
}

.modal-contact-member {
	display: none;
	position: fixed;
	overflow: auto;
	z-index: 200;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 85, 60, 0.8);
}

/* Modal Content */
.modal-contact-member-content {
	background-color: #97bf16;
	max-width: 450px;
	max-height: 100vh;
	height: 100%;
}

.top-name {
	height: 100px;
	line-height: 100px;
	background: #97bf16;
	position: relative;
}

.full-name-modal {
	font-size: 30px;
	text-transform: capitalize;
}

.full-name-modal span {
	text-transform: uppercase;
}

.full-titre {
	background: #00553c;
	color: white;
	height: 70px;
	padding-top: 10px;
	font-size: 17px;
	font-weight: bold;
}

.image-modal {
	position: relative;
}

.image-modal img {
	width: 100%;
}

.nationalite-membre {
	position: absolute;
	right: 53px;
	z-index: 3;
	width: 45px;
}

.nationalite-membre-modal {
	display: flex;
	position: absolute;
	bottom: -20px;
	flex-wrap: wrap;
	width: 100%;
}

.nationalite-membre-modal .container-drapeau-pays {
	margin-right: 20px;
	max-width: 135px;
	width: 100%;
}

.nationalite-membre-modal .container-drapeau-pays .pays {
	color: #fff;
}


.container-drapeau-pays {
	margin-top: 10px;
	position: relative;
	width: 150px;
}

@media screen and (max-width: 1310px) {
	.container-drapeau-pays {
		width: 90px;
	}
}

@media screen and (max-width: 1200px) {
	.nationalite-membre {
		right: 37px;
		width: 63px;
	}
}

.pays-0 {
	right: -20px;
}

.pays-1 {
	right: -55px;
}

.pays-2 {
	right: -80px;
}

.pays-3 {
	right: -80px;
}

.pays-4 {
	right: -55px;
}

.pays-5 {
	right: -20px;
}

.drapeau img {
	width: 40px;
	border-radius: 50%;
	height: 40px;
}

.modal-contact-member-content .contact {
	/* height: 100%; */
	background: #97bf16;
	padding-top: 50px;
	font-size: 20px;
}

.mail-modal {
	color: white;
	text-decoration: underline;
}

.modal-contact-member-content p {
	margin: 0;
	color: #fff;
}

.page-template-page-contact-refonte .blackband h1 {
	text-align: center;
}

.first-container-no-menu {
	justify-content: center;
	background-color: #00553c;
	height: 515px;
	position: relative;
}

.first-container-no-menu .container-first-name {
	width: 14%;
}

.first-container-no-menu .container-first-name h2 {
	color: white;
	padding-top: 50px;
	padding-bottom: 35px;
	margin: auto;
}

.first-container-no-menu .vignette-container {
	justify-content: center;
}

.first-container-no-menu .vignetteMembre {
	margin: 0 30px;
}

.vignetteMembre {
	display: flex;
	flex-direction: column;
	position: relative;
	cursor: pointer;
}

.vignette-img:before {
	content: '';
	width: 100%;
	height: 35%;
	position: absolute;
	bottom: -10px;
	/* background: linear-gradient(rgba(0, 85, 60, 0), rgba(0, 85, 60, 0.8)); */
	/* background: -webkit-linear-gradient(rgba(0, 85, 60, 0), rgba(0, 85, 60, 0.8)); */
	z-index: 1;
	right: 0;
	left: 0;
	margin: auto;
	overflow: hidden;
	box-shadow: inset 0 -95px 15px 0 rgba(0, 85, 60, 0.5);
}

.vignetteMembre:hover img {
	filter: grayscale(0);
}

.vignetteMembre:hover .vignette-content {
	display: none;
}

.open-member-modal {
	display: none;
}

.vignetteMembre:hover .open-member-modal {
	display: block;
	width: 60px;
	height: 60px;
	background: #97bf16;
	border-radius: 50%;
	position: absolute;
	bottom: 30px;
	right: 0;
	left: 0;
	margin: auto;
	-webkit-text-stroke: 2px #97bf16;
	z-index: 1;
}

.vignetteMembre:hover .open-member-modal:before {
	content: '+';
	font-size: 58px;
	position: absolute;
	right: 0;
	left: 0;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	color: white;
}

.vignetteMembre.en-avant .vignette-img {
	margin: auto;
}

.vignetteMembre.en-avant {
	border-bottom: 2px solid #97bf16;
	max-width: 300px;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 30px;
}

.vignetteMembre.equipe {
	display: flex;
	flex-direction: column;
	margin: 45px 45px 30px;
}

.vignette-img {
	width: 300px;
	height: 300px;
	position: relative;
	box-shadow: 0px 5px 0px 2px rgba(151, 191, 22, 1);
	border-radius: 50%;
	overflow: hidden;
	z-index: 2;
}

.vignette-img img {
	width: 100%;
	height: auto;
	border-radius: 50%;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	perspective: 1000;
	-webkit-perspective: 1000;
	overflow: hidden;
	filter: grayscale(100%);
	z-index: 3;
}

.vignette-content {
	margin: auto;
	display: table;
	position: relative;
	bottom: 85px;
	text-align: center;
	text-transform: none;
	color: white;
	z-index: 2;
	width: 70%;
}

.vignette-nom-prenom,
.vignette-titre {
	margin: 0;
}

.vignette-nom-prenom {
	font-weight: bold;
}

.vignette-nom-prenom span {
	text-transform: uppercase;
}

.split-first {
	display: flex;
	justify-content: center;
	height: 520px;
	position: relative;
}

.fond-image {
	background-image: url('img/fond-contact.jpg');
	height: 150px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.fond-image:before {
	content: '';
	width: 100%;
	height: 150px;
	position: absolute;
	background: linear-gradient(rgba(0, 85, 60, 0.4), rgba(0, 85, 60, 0.4));
	right: 0;
	left: 0;
	margin: auto;
}

.left-content {
	width: 50%;
	background: #00553c;
}

.container-first-name {
	margin: auto;
	text-align: center;
	width: 20%;
}

.container-first-name h2 {
	color: white;
	margin-top: 50px;
	margin-bottom: 35px;
	font-weight: normal;
}

.vignette-container {
	display: flex;
	justify-content: space-around;
}

.right-content {
	width: 50%;
	background: #97bf16;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.right-content a {
	width: 100px;
	display: block;
	margin: 0 20px;
	text-align: center;
}

.menu-contact {
	display: flex;
	width: 55%;
	margin-left: 50px;
	flex-wrap: wrap;
}

.menu-contact a:hover .pictoContainer:before {
	content: '\f078';
	font: normal normal normal 14px/1 FontAwesome;
	width: 35px;
	height: 35px;
	background: #fff;
	position: absolute;
	border-radius: 50%;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #97bf16;
}

.pictoContainer {
	position: relative;
}

.menu-contact span:not(.pictoContainer) {
	color: #fff;
	text-align: center;
	display: table;
	margin: auto;
}

.menu-contact span {
	margin-top: 10px;
	margin-bottom: 15px;
}

.no-picto{
	padding-top: 25px;
}

.picto-section {
	text-align: center;
	padding-top: 60px;
}

.picto-section img {
	width: 100px;
}

.sectionCreate {
	background-color: var(--customBackgroundColor);
}

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

.name-section h2 {
	font-size: 30px;
	width: 16%;
	margin: auto;
	font-weight: normal;
	margin-bottom: 50px;
}

.name-section h2,
.sectionCreate h2:not(.equipe-localisation) {
	text-transform: uppercase;
	color: var(--customColor);
	display: grid;
}

.equipe-localisation {
	text-align: center;
	margin: 0;
	margin-top: 50px;
	font-size: 30px;
	font-weight: normal;
	text-transform: uppercase;
	color: var(--customColor);
}

.equipe-container {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.page-template-page-contact-refonte .equipe-container.wrapper,
.page-template-page-contact-refonte .content-section.wrapper {
	max-width: 1200px;
	width: 100%;
}

.page-template-page-contact-refonte .content-section.wrapper {
	padding-bottom: 0px;
}

.flexContent {
	display: flex;
	justify-content: space-between;
	margin: 0;
	flex-wrap: wrap;
}

.flexContent a,
.flexContent img {
	margin: 70px auto;
}

.flexContent a img {
	margin: 0;
}

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

.content-section p:not(.flexContent) {
	padding-bottom: 50px;
}

.content-section img {
	border-radius: 15px;
}

.page-template-page-contact-refonte a img.alignnone {
	margin: 0;
}

.st0,
.st1,
.st2,
.st3,
.st4,
.st5,
.st7,
.st8,
.st9 {
	stroke: white !important;
}

.st3,
.st8,
.st7 {
	fill: white !important;
}

@media screen and (max-width: 1200px) {
	.split-first {
		height: auto;
	}

	.container-first-name {
		width: 90%;
	}

	.split-first .vignetteMembre {
		margin: 0 30px 60px;
	}
}

@media screen and (max-width: 1100px) {
	.page-template-page-contact-refonte footer #bouton-up {
		right: 0;
		left: 0;
		top: -20px;
		margin: auto;
	}
}

@media screen and (max-width: 1024px) {
	.first-container-no-menu .container-first-name {
		width: 90%;
	}

	.menu-contact {
		flex-wrap: wrap;
		width: 100%;
		display: flex;
		justify-content: center;
		margin: auto;
	}
}

@media screen and (max-width: 768px) {
	.first-container-no-menu {
		height: auto;
	}

	.first-container-no-menu .vignette-container {
		flex-wrap: wrap;
	}

	.first-container-no-menu .vignetteMembre {
		margin: 30px 30px;
	}

	.name-section h2 {
		width: 90%;
	}

	.split-first {
		flex-direction: column;
		height: auto;
	}

	.left-content {
		width: 100%;
	}

	.right-content {
		width: 100%;
		padding-bottom: 50px;
	}

	.vignette-content {
		bottom: 110px;
	}

	.nationalite-membre {
		width: auto;
		right: 0px;
	}
}

@media screen and (max-width: 450px) {
	.close-modal {
		right: 0px;
		top: 0px;
	}

	.full-name-modal {
		font-size: 21px;
	}
}

@media screen and (max-width: 500px) {
	.pays-0 {
		right: -45px;
		top: -30px;
	}

	.pays-1 {
		right: -80px;
		top: -35px;
	}

	.pays-2 {
		right: -80px;
		top: -30px;
	}

	.pays-3 {
		right: -50px;
		top: -35px;
	}

	.pays-4 {
		display: flex;
		flex-direction: row-reverse;
		right: 60px;
		top: -70px;
	}

	.pays-4 .pays {
		display: flex;
		flex-direction: column-reverse;
	}

	.pays-5 {
		display: flex;
		flex-direction: row-reverse;
		right: 110px;
		top: -150px;
	}

	.pays-5 .pays {
		display: flex;
		flex-direction: column-reverse;
	}

	.vignette-img {
		width: 150px;
		height: 150px;
	}

	.en-avant .nationalite-membre {
		right: 75px;
	}

	.vignetteMembre.equipe {
		margin: 45px 60px 30px;
	}

	.nationalite-membre {
		right: -60px;
		width: 160px;
	}
	/* .vignetteMembre.en-avant .pays-0 {
		right: 40px;
	}

	.vignetteMembre.en-avant .pays-1 {
		right: -5px;
	} */
}

@media screen and (max-width: 425px) {
	/* .close-modal {
		right: 36px;
	} */
	.nationalite-membre {
		right: -5px;
		width: 100px;
	}

	.container-drapeau-pays {
		width: auto;
	}
}