/*
	Project		: FruiTrop online
	Author		: Maximilien LELEU <maximilien.leleu@actimage.com>
	Revision	: Janvier 2018
	Description	: Contient l’ensemble des règles globales et spécifiques au projet
				  
	Copyright	: ACTIMAGE
*/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
script {
  display: none !important;
}
/***********************************/
/***** DISCLAMER / COPYRIGHT *******/
/***********************************/
.disclaimer,
.copyright {
  background-color: #F7F7F7;
  border: 1px solid #F0F0F0;
  font-size: 0.9em;
  font-style: italic;
  margin: 3px;
  padding: 3px;
  text-align: center;
}
.disclaimer {
  font-size: 0.7em;
  text-align: justify;
}
.copyright strong {
  color: #574a44;
}
/***********************************/
/******** ZONES REACTIVES **********/
/***********************************/
.reactive .show {
  display: block;
}
.reactive:hover .show,
.reactive:focus .show {
  display: none;
}
.reactive .hide {
  display: none;
}
.reactive:hover .hide,
.reactive:focus .hide {
  display: block;
}
/******************************************/
/************** BOITES D'INFO *************/
/******************************************/
/* Styles génériques des boxs*/
.box {
  background-color: #f7f7f7;
  border: 1px solid #d4d4d4;
  margin: 0 12px 12px 12px;
  padding: 12px 8px 8px 8px;
  position: relative;
}
.box.horizontal {
  margin: 30px 0 0 0;
  padding: 30px 8px 10px 8px;
}
.block.article {
  background-color: #f7f7f7;
  border: 1px solid #d4d4d4;
  position: relative;
  margin: 0 0 0 10px;
  padding: 0;
  height: 100%;
}
body.fre-FR .block.article.eng-GB:hover,
body.fre-FR .block.article.eng-GB:focus {
  background: url(../../images/base/background/bg-lang-eng-GB-br.png) right bottom no-repeat transparent;
}
body.fre-FR .block.article.eng-GB {
  background: url(../../images/base/background/bg-lang-eng-GB-br.png) right bottom no-repeat transparent;
  border: 1px solid #fba606;
  background-color: #ffffff;
}
body.eng-GB .block.article.fre-FR:hover,
body.eng-GB .block.article.fre-FR:focus {
  background: url(../../images/base/background/bg-lang-fre-FR-br.png) right bottom no-repeat transparent;
}
body.eng-GB .block.article.fre-FR {
  background: url(../../images/base/background/bg-lang-fre-FR-br.png) right bottom no-repeat transparent;
  border: 1px solid #fba606;
  background-color: #ffffff;
}
.block.article.style1 h3,
.block.article.style1 h3 a {
  color: #574a44;
}
.block.article.style1 .article-category {
  background-color: #574a44;
}
.block.article.style1 .article-category:before {
  border-color: transparent #574a44 transparent transparent;
}
.block.article.style2 h3,
.block.article.style2 h3 a {
  color: #b4003c;
}
.block.article.style2 .article-category {
  background-color: #b4003c;
}
.block.article.style2 .article-category:before {
  border-color: transparent #b4003c transparent transparent;
}
.block.article.style3 h3,
.block.article.style3 h3 a {
  color: #088106;
}
.block.article.style3 .article-category {
  background-color: #088106;
}
.block.article.style3 .article-category:before {
  border-color: transparent #088106 transparent transparent;
}
.block.article h3 {
  font-size: 1.6rem;
  margin: 10px 10px 5px;
}
.block.article h3 span {
  font-size: 1.3rem;
  display: block;
  font-weight: normal;
}
.block.article time {
  font-size: 1.1rem;
  margin: 0px 10px 10px;
  display: block;
  font-weight: bold;
}
.block.article .img-hover {
  overflow: hidden;
}
.block.article .img-hover:hover div,
.block.article .img-hover:focus div {
  transform: scale(1.15);
  -webkit-transform: scale(1.15);
}
.block.article .img-hover div {
  height: 185px;
  background-position: center center;
  background-size: cover;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.block.article .keywords + div {
  margin-bottom: 10px;
}
.block.article .article-category {
  color: #ffffff;
  font-size: 1.3rem;
  font-weight: normal;
  padding: 10px 10px;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  left: -9px;
  z-index: 1;
}
.block.article .article-category:before {
  content: '';
  display: inline-block;
  border-style: solid;
  border-width: 0 9px 12px 0;
  position: absolute;
  left: 0;
  bottom: -12px;
}
.block.article .publication-number,
.block.article .author {
  display: block;
  margin: 4px 10px;
}
.block.no-image {
  padding-top: 35px;
}
.block.groupe {
  padding-bottom: 18px;
}
.block.groupe .read-all {
  position: absolute;
  bottom: 0;
  right: 0;
}
.block.conjoncture {
  padding-top: 35px;
  padding-bottom: 25px;
  /*&.no-image {
            padding-top: 35px;
        }*/
}
.block.conjoncture .fruitrop-img {
  display: block;
  margin: 20px auto;
  max-height: 75px;
}
.block.conjoncture .description {
  margin: 10px 10px 5px;
}
.block.conjoncture .read-more-alternative {
  margin: 10px 10px 5px;
}
.block.conjoncture .read-all {
  position: absolute;
  bottom: 0;
  right: 0;
}
.block.market:before {
  font-family: icons;
  content: '\e906';
  position: absolute;
  right: 3px;
  top: 3px;
  color: #fba606;
}
#content-1 .inner-box {
  padding: 3px 8px;
}
#content-2 .inner-box,
#content-3 .inner-box {
  padding: 0 8px 15px 8px;
}
/* Titres des boxs */
.box h2 {
  color: #ffffff;
  font-size: 1.4em;
  font-weight: normal;
  padding: 5px 10px;
  position: relative;
}
/* Titre des boxs verticales */
.box.vertical h2 {
  left: -17px;
}
.box.horizontal h2 {
  display: inline-block;
  min-width: 180px;
  position: absolute;
  text-align: center;
  top: -9px;
}
.box.style4 {
  border-color: #fba606;
}
/* Ajout effet sur les titres des boxs */
.box.vertical h2:before {
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 0 9px 12px 0;
  height: 0px;
  position: absolute;
  left: 0;
  bottom: -12px;
  width: 0px;
}
.box.horizontal h2:before {
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 9px 0 0 9px;
  height: 0px;
  position: absolute;
  top: 0;
  right: -8px;
  width: 0px;
}
/*	style par défaut : brun 
	styles alternatifs : style1 = rose, style2 = vert
*/
.box.vertical h2,
.box.horizontal h2 {
  background-color: #574a44;
}
/* Titre des boxs verticales */
.box.style2.vertical h2,
.box.style2.horizontal h2 {
  background-color: #b4003c;
}
.box.style3.vertical h2,
.box.style3.horizontal h2 {
  background-color: #088106;
}
.box.style4.vertical h2,
.box.style4.horizontal h2 {
  background-color: #fba606;
}
.box.vertical h2:before {
  border-color: transparent #574a44 transparent transparent;
}
.box.style2.vertical h2:before {
  border-color: transparent #83032e transparent transparent;
}
.box.style3.vertical h2:before {
  border-color: transparent #054f04 transparent transparent;
}
.box.style4.vertical h2:before {
  border-color: transparent #f37800 transparent transparent;
}
.box.horizontal h2:before {
  border-color: transparent transparent transparent #574a44;
}
.box.style2.horizontal h2:before {
  border-color: transparent transparent transparent #83032e;
}
.box.style3.horizontal h2:before {
  border-color: transparent transparent transparent #054f04;
}
.box.style4.horizontal h2:before {
  border-color: transparent transparent transparent #f37800;
}
/*Gestion des items dans les box*/
.box > ul > li {
  border-top: 1px dashed #DEDEDE;
  padding: 5px 0;
}
.box > ul > li:first-child {
  border-top: none;
  padding-top: 0;
}
.list.horizontal > ul > li {
  border-top: none;
  padding: 10px 5px;
}
.list .block {
  border: 1px solid #ffffff;
  -webkit-box-shadow: 0 0 2px 1px #CCC;
  box-shadow: 0 0 2px 1px #CCC;
  padding: 5px 0 5px 0;
}
.list .block.article {
  padding: 0;
}
.list .block.no-image {
  padding-top: 35px;
}
.full.shop .list .block {
  border: none;
  -webkit-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
}
.list h3,
.list h4 {
  color: #574a44;
  font-size: 1.2em;
  margin: 0 0 2px 0;
}
.list h3 a,
.list h4 a,
.cboxElement {
  color: #574a44;
}
.list.style2 h3,
.list.style2 h4,
.list.style2 h3 a,
.list.style2 h4 a,
.style2 .cboxElement {
  color: #b4003c;
}
.list.style3 h3,
.list.style3 h4,
.list.style3 h3 a,
.list.style3 h4 a,
.style3 .cboxElement {
  color: #088106;
}
.list h4,
.list h5 {
  color: #333;
  font-size: 1em;
  margin: 0 0 2px 0;
}
.list h3.category {
  border-bottom: 1px solid #574a44;
  font-size: 1.1em;
  margin: 30px 0 15px 0;
}
.list h3.category span {
  background-color: #574a44;
  color: #ffffff;
  display: inline-block;
  padding: 4px 10px;
}
/* Titre des catégories */
.list.style2 h3.category {
  border-color: #b4003c;
}
.list.style2 h3.category span {
  background-color: #b4003c;
}
.list.style3 h3.category {
  border-color: #088106;
}
.list.style3 h3.category span {
  background-color: #088106;
}
.list .show,
.list .keywords,
.list .publication-number,
.list .author {
  margin: auto 10px;
}
/* Cas de liens */
.block.link > * {
  margin: auto 10px;
}
.list .description {
  font-size: 0.9em;
  margin-top: 5px;
}
/* Cas de publications et magazines */
.full.shop .box > div > ul > li {
  border-top: 1px dashed #988f86;
  padding: 5px 0;
}
.full.shop .box > div > ul > li:first-child {
  border-top: 9px none;
}
.block.magazine img,
.block.publication img,
.block.note img {
  background: #ffffff;
  border: 1px solid #d4d4d4;
  padding: 2px;
  width: 100px;
  margin-right: 10px;
}
.block.magazine .wysiwyg,
.block.publication .wysiwyg {
  margin: 2px 0;
}
.block.magazine ul,
.block.publication ul,
.block.note ul {
  font-size: 0.9em;
  list-style-position: inside;
  padding: 2px;
  overflow: hidden;
}
.block.magazine ul {
  font-weight: bold;
}
.block.magazine h3,
.block.publication h3,
.block.note h3 {
  font-size: 1.2em;
  margin: 5px 2px;
}
.block.magazine h3,
.block.publication h3,
.block.note h3,
.block.magazine h3 a,
.block.publication h3 a,
.block.note h3 a {
  color: #574a44;
}
.style2 .block.magazine h3,
.style2 .block.publication h3,
.style2 .block.note h3,
.style2 .block.magazine h3 a,
.style2 .block.publication h3 a,
.style2 .block.note h3 a {
  color: #b4003c;
}
.style3 .block.magazine h3,
.style3 .block.publication h3,
.style3 .block.note h3,
.style3 .block.magazine h3 a,
.style3 .block.publication h3 a,
.style3 .block.note h3 a {
  color: #088106;
}
.block.articles .btn-like {
  margin-left: 10px;
}
/* Evolution Carousel */
.owl-carousel .block.publication img,
.owl-carousel .block.magazine img,
.owl-carousel .block.note img {
  width: 120px;
  margin-left: 2px;
}
.owl-carousel .block.collection .object-left,
.owl-carousel .block.collection .object-right {
  max-width: 200px;
}
.full.shop .box .read-all {
  text-align: center;
}
.full.shop .box .introduction {
  background: #ffffff;
  border-bottom: 1px solid #d4d4d4;
  padding: 5px;
}
.full.shop .box .introduction .object-left,
.full.shop .box .introduction .object-right {
  max-width: 200px;
}
.full.shop .box .introduction:after {
  content: '';
  display: table;
  clear: both;
}
/* Gestion des articles phares */
#content .list .flagship {
  background-color: #ffffff;
  border: 1px solid #574a44;
  -webkit-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
}
#content .list.style2 .flagship {
  border-color: #b4003c;
}
#content .list.style3 .flagship {
  border-color: #088106;
}
/*Mots clés*/
#content #content-2 .keywords,
#content #content-1 .keywords {
  color: #676767;
  padding: 0;
}
#content #content-1 .keywords {
  margin: 0 10px;
}
#content #content-2 .keywords {
  line-height: 0.6em;
  margin: 0;
  padding-right: 8px;
}
.keywords li {
  background: none;
  display: inline-block;
  font-size: 0.8em;
  list-style: none;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  vertical-align: top;
}
.keywords li:after {
  content: "|";
  padding: 0 3px;
}
.keywords li:last-child:after {
  content: "";
}
.list .publication-number,
.list .author {
  display: block;
  margin: 4px 10px;
}
/* Vue liste générique (classe neutral) */
.list.neutral > ul {
  margin-top: 10px;
}
.list.neutral > ul > li {
  padding: 10px;
}
.neutral .block {
  background-color: #f7f7f7;
  border: 1px solid #e6e4e3;
}
/********************************/
/***** En savoir plus ...  ******/
/********************************/
.read-more {
  background: url(../../images/base/background/bg-read-more.png) left center repeat-x transparent;
  display: block;
  padding-right: 10px;
  text-align: right;
}
.read-more-icon {
  background: url(../../images/base/icons/read-more-style1.png) left center no-repeat transparent;
  display: inline-block;
  height: 32px;
  width: 32px;
}
.read-more:hover .read-more-icon {
  background-image: url(../../images/base/icons/read-more-style1-hover.png);
}
.style2 .read-more-icon {
  background-image: url(../../images/base/icons/read-more-style2.png);
}
.style2 .read-more:hover .read-more-icon {
  background-image: url(../../images/base/icons/read-more-style2-hover.png);
}
.style3 .read-more-icon {
  background-image: url(../../images/base/icons/read-more-style3.png);
}
.style3 .read-more:hover .read-more-icon {
  background-image: url(../../images/base/icons/read-more-style3-hover.png);
}
.read-more-alternative {
  background: url(../../images/base/icons/read-more-small-style1.png) right center no-repeat transparent;
  color: #988f86;
  display: block;
  font-weight: bold;
  padding: 4px 30px 4px 4px;
  text-align: right;
}
.read-more-alternative:hover {
  background-image: url(../../images/base/icons/read-more-small-style1-hover.png);
}
.style2 .read-more-alternative {
  background-image: url(../../images/base/icons/read-more-small-style2.png);
  color: #b4003c;
}
.style2 .read-more-alternative:hover {
  background-image: url(../../images/base/icons/read-more-small-style2-hover.png);
}
.style3 .read-more-alternative {
  background-image: url(../../images/base/icons/read-more-small-style3.png);
  color: #088106;
}
.style3 .read-more-alternative:hover {
  background-image: url(../../images/base/icons/read-more-small-style3-hover.png);
}
.read-all,
.back {
  display: block;
  color: #333;
  font-size: 0.9em;
  font-weight: normal;
  margin: 5px 10px;
  text-align: right;
}
/* Surcharge pour les blocs de droite*/
#content-2 .inner-box .read-all {
  margin: 0;
}
.read-all span {
  background: url(../../images/base/icons/read-all-style1.png) 5px center no-repeat transparent;
  padding: 0 5px 0 25px;
}
.info .read-all {
  background: url(../../images/base/background/bg-read-more.png) left center repeat-x transparent;
  color: #676767;
  margin: 10px;
  text-align: center;
}
.style1 .read-all span,
.style1.read-all span {
  background-image: url(../../images/base/icons/read-all-style1.png);
}
.style2 .read-all span,
.style2.read-all span {
  background-image: url(../../images/base/icons/read-all-style2.png);
}
.style3 .read-all span,
.style3.read-all span {
  background-image: url(../../images/base/icons/read-all-style3.png);
}
.style4 .read-all span,
.style4.read-all span {
  background-image: url(../../images/base/icons/read-all-style4.png);
}
.info .read-all span {
  background-image: url(../../images/base/icons/read-all-style4.png);
  background-color: #ffffff;
}
.back span {
  background: url(../../images/base/icons/back-style1.png) 5px center no-repeat transparent;
  padding: 5px 5px 5px 35px;
}
.style1 .back span,
.style1.back span {
  background-image: url(../../images/base/icons/back-style1.png);
}
.style2 .back span,
.style2.back span {
  background-image: url(../../images/base/icons/back-style2.png);
}
.style3 .back span,
.style3.back span {
  background-image: url(../../images/base/icons/back-style3.png);
}
.style4 .back span,
.style4.back span {
  background-image: url(../../images/base/icons/back-style4.png);
}
.load-more {
  background-color: #d0d0d0;
  color: #000000;
  font-weight: bold;
  display: block;
  margin: 0 5px;
  padding: 5px;
  text-align: center;
}
.load-more:hover,
.load-more:focus {
  background-color: #CAC5BF;
}
.load-more > span {
  background: url(../../images/base/icons/load-more.png) left center no-repeat transparent;
  padding-left: 20px;
}
/********************************/
/*********** Filtres  ***********/
/********************************/
.filter {
  background-color: #fba606;
  font-weight: bold;
  margin: 2px 0;
  padding: 10px 18px;
}
.filter + .articles {
  margin-top: 20px;
}
.filter label {
  margin-right: 10px;
}
.filter select {
  min-width: 260px;
}
#content-2 .filter select {
  min-width: 0;
}
.filter input[type=submit] {
  background: none;
  border: none;
  text-transform: uppercase;
}
.subscription .filter select,
.subscription .filter .button {
  width: 100%;
  margin-top: 10px;
  padding: 5px;
}
.subscription .filter .button {
  background-color: #f0eeed;
}
/********************************/
/****** Boutons et liens  *******/
/********************************/
/* Conteneur */
.inner-box .buttons {
  clear: both;
  display: table;
  width: 100%;
  border-spacing: 2px 0;
  border-collapse: separate;
  padding-top: 15px;
}
.inner-box .buttons > a,
.inner-box .buttons > a.btn-like {
  display: table-cell;
  vertical-align: middle;
  width: auto;
  min-width: 0;
}
#list_shop .inner-box .buttons > a,
#list_shop .inner-box .buttons > a.btn-like {
  padding: 5px 5px 5px 30px;
  font-size: 0.85em;
}
.inner-box > a.btn-like {
  clear: both;
  width: 100%;
  margin-top: 15px;
  padding: 5px 5px 5px 40px;
}
/* Bouton + icone */
.btn-like {
  background-color: #6a9c32;
  background-position: 8px center;
  background-repeat: no-repeat;
  color: #ffffff;
  border: 0;
  display: inline-block;
  min-width: 280px;
  padding: 10px 15px;
  font-size: 17px;
  cursor: pointer;
}
.btn-like + .btn-like {
  margin-left: 20px;
}
.style1 .btn-like,
.style1.btn-like {
  background-color: #574a44;
}
.style2 .btn-like,
.style2.btn-like {
  background-color: #b4003c;
}
.style3 .btn-like,
.style3.btn-like {
  background-color: #088106;
}
.style4 .btn-like,
.style4.btn-like {
  background-color: #fba606;
}
.btn-like.buy {
  background-image: url(../../images/base/icons/icon-buy.png);
  padding-left: 40px;
}
.btn-like.download {
  background-image: url(../../images/base/icons/icon-download.png);
  padding-left: 35px;
}
.btn-like.view-online-button {
  background-image: url(../../images/base/icons/icon-viewonline-btn.png);
  padding-left: 35px;
}
.btn-like.login {
  background-image: url(../../images/base/icons/icon-login.png);
  padding-left: 35px;
}
.btn-like.subscribe {
  background-image: url(../../images/base/icons/icon-subscribe-white.png);
  padding-left: 35px;
}
.style-magazine .btn-like {
  min-width: 303px;
  text-align: center;
  margin-bottom: 40px;
}
/* Lien  + icone */
.with-icon {
  display: block;
  text-align: right;
}
.with-icon span {
  background-color: transparent;
  background-position: 5px center;
  background-repeat: no-repeat;
  padding: 4px 2px 4px 28px;
}
.modify span {
  background-image: url(../../images/base/icons/icon-modify.png);
}
.credit-card,
.cheque {
  text-align: center;
}
.credit-card span {
  background-image: url(../../images/base/icons/icon-credit-card.png);
  padding-left: 35px;
}
.cheque span {
  background-image: url(../../images/base/icons/icon-cheque.png);
  padding-left: 35px;
}
/********************************/
/******** CONTEXTUEL  ***********/
/********************************/
#content-2 .box,
#content-3 .box {
  background-color: #ffffff;
  border: 3px double #988f86;
  color: #333;
  padding: 0;
}
#content-2 .info {
  border-color: #fba606;
}
#content-2 .box ul {
  margin: 10px 10px 10px 25px;
  padding: 0;
}
/* Surcharge pour le fil d'info*/
#content-2 .info > ul {
  margin: 0;
}
/* Style par défaut des listes des boxs de droite*/
#content-2 .box li,
#content-3 .box li {
  list-style-image: url(../../images/base/background/list-square-style1.png);
  background-position: left 5px;
  margin: 4px 0;
}
#content-2 .box h2,
#content-3 .box h2 {
  background: #988f86;
  color: #ffffff;
  font-size: 1.4em;
  padding: 8px 10px;
}
#content-2 .info h2 {
  background: url(../../images/base/background/bg-info.png) 95% 8px no-repeat #fba606;
  font-weight: bold;
}
/* Fil d'info */
#content-2 .info > ul > li {
  background: none;
  border-top: 1px dashed #DEDEDE;
  color: #333;
  list-style: none;
  margin: 15px 6px 5px 50px;
  padding: 15px 0 0 0;
}
/* Surcharge pour les keywords*/
#content-2 .info li {
  background: none;
}
#content-2 .info > ul > li:first-child {
  border-top: none;
}
.info .block {
  border-color: #F0F0F0;
  border-style: solid;
  border-width: 0 1px 1px 0;
  -webkit-box-shadow: 3px 3px 4px -3px #cccccc;
  box-shadow: 3px 3px 4px -3px #cccccc;
  padding: 0;
  position: relative;
}
.info h3 {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 5px;
}
.info h4 {
  color: #fba606;
  font-size: 1.1em;
  font-weight: normal;
  margin-bottom: 5px;
}
.info .block a {
  color: #676767;
}
.info time {
  background-color: #ffffff;
  border: 4px double #fba606;
  font-size: 1.3em;
  left: -60px;
  line-height: 0.8em;
  position: absolute;
  text-align: center;
  top: 0;
  width: 50px;
}
.info time > span {
  background-color: #fba606;
  display: block;
  padding: 3px 5px;
}
.info time > span > span {
  font-weight: bold;
}
/* Abonnement */
.block.subscription .read-all span {
  background: url(../../images/base/background/bg-subscription.png) 95% center no-repeat #f0eeed;
  display: block;
  padding: 10px 50px 10px 10px;
  text-align: center;
}
/* Notes de conjonctures */
.note_type a + time:before {
  content: "-";
  margin: 0 5px;
}
/* Publications et magazines */
.block.magazine h3 a:after,
.block.publication h3 a:after,
.block.magazine h4 a:after,
.block.publication h4 a:after {
  content: url(../../images/base/icons/icon-list.png);
  margin-left: 5px;
}
/* Dernier magazine Fruitrop*/
.box.magazine h3 {
  font-size: 1.1em;
}
/******************************************/
/*************** Page Produit *************/
/******************************************/
.product-description {
  *zoom: 1;
}
.product-description:before,
.product-description:after {
  display: table;
  content: "";
}
.product-description:after {
  clear: both;
}
.product-description img {
  border: 1px solid #ddd;
}
.product-description img + p {
  margin-top: 0;
}
.product-partner {
  padding-left: 10px;
}
.full.product .market-info > div {
  padding: 0 5px;
}
.full.product .box li {
  border-top: 1px dashed #DEDEDE;
  padding: 5px 0;
}
.full.product .block.note li {
  border-color: #988f86;
}
.full.product .box li:first-child,
.full.product .box .keywords li {
  border-top: none;
  padding-top: 0;
}
.full.product .market-info > div > div,
.full.product .box.list > div {
  padding: 10px 0;
}
.full.product .box.list > div.market-info {
  padding: 0;
}
.full.product .market-info > div > div.block.note {
  padding: 10px;
}
.full.product h4 {
  font-weight: bold;
}
div h3.category:first-child {
  margin-top: 0;
}
/* Bloc Partenaire */
.partner {
  background-color: #dad6c5;
  font-size: 0.9em;
  padding: 10px;
}
.partner > strong,
.partner > a {
  font-size: 1.2em;
  margin: 0 0 5px 0;
}
.partner > img,
.partner .description {
  margin: 0 0 5px 0;
}
.partner > * {
  display: block;
}
/******************************************/
/***************  Mon compte  *************/
/******************************************/
.full.preference .form-cirad ul {
  margin: 10px 0;
  padding: 0;
}
.full.preference .form-cirad ul ul,
.full.preference fieldset > ul > li {
  list-style: none;
  margin: 0 10px;
  padding: 10px;
}
.full.preference .form-cirad ul li {
  background-image: none;
}
.full.preference .form-cirad ul li li,
.full.preference .form-cirad label {
  display: inline-block;
}
.full.preference .form-cirad label {
  margin-left: 10px;
}
.full.preference .has-children > ul {
  border-top: 1px solid #333;
}
.full.preference fieldset > ul > li > label {
  font-weight: bold;
}
.full.preference fieldset > ul > li > input {
  margin-left: 14px;
}
.full.preference fieldset > ul > li > span {
  margin-left: 10px;
}
.parent-input {
  background: url(../../images/base/background/bg-input-preference.png) left top no-repeat transparent;
  display: inline-block;
  height: 19px;
  padding-top: 1px;
  width: 19px;
}
.parent-input input[type=checkbox],
.parent-input input[type=radio] {
  margin: 3px 3px 3px 4px;
}
/******************************************/
/***************  Abonnement  *************/
/******************************************/
#content.full.subscription.step-one label,
.full.subscription.step-one select {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
/*.full.subscription.step-one label {
    font-weight: bold;
}*/
.full.subscription.step-one select {
  /*margin-left: 10px;*/
  min-width: 130px;
  min-height: 30px;
}
.full.subscription.step-one .grid4 select,
.full.subscription.step-one .grid4 input[type=submit] {
  min-width: 130px;
}
.full.subscription.step-one .btn-subscribe,
.full.subscription.step-one .style1 .btn-subscribe,
.full.subscription.step-one input,
.full.subscription.step-one .style1 input {
  background: url(../../images/base/background/bg-input-subscription.png) 20px center no-repeat #574a44;
  border: 0px none;
  color: #ffffff;
  font-size: 1.2em;
  padding: 5px 20px 5px 50px;
}
.full.subscription.step-one .style2 .btn-subscribe,
.full.subscription.step-one .style2 input {
  background-color: #b4003c;
}
.full.subscription.step-one .style3 .btn-subscribe,
.full.subscription.step-one .style3 input {
  background-color: #088106;
}
.full.subscription table {
  width: 100%;
}
.full.subscription .frame,
.full.subscriptions .frame {
  clear: both;
}
.full.subscription .frame p:last-child,
.full.subscriptions .frame p:last-child {
  margin-bottom: 0;
}
.subscription .wysiwyg .object {
  margin-right: 10px;
}
.full.subscription .list .inbl-list.grid4 > * {
  vertical-align: top;
}
.full.subscription .grid4 .box {
  border: 1px solid #ffffff;
  -webkit-box-shadow: 0 0 2px 1px #CCC;
  box-shadow: 0 0 2px 1px #CCC;
}
.full.subscription .subscription-list {
  margin-top: 20px;
}
.full.subscription .subscription-list .box {
  height: 100%;
  padding-bottom: 40px;
}
.full.subscription .subscription-list .box .btn-subscribe,
.full.subscription .subscription-list .box input {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}
.full.subscription .subscription-list .box .title,
.full.subscription .subscription-list .box label {
  color: #000000;
  font-weight: bold;
  float: left;
}
.full.subscription .subscription-list .box .value,
.full.subscription .subscription-list .box select {
  float: right;
}
.full.subscription .subscription-list .box .subscribe-infos {
  list-style: none;
  padding: 0;
  margin: 10px 0;
}
.full.subscription .subscription-list .box .subscribe-infos li {
  *zoom: 1;
  list-style: none;
}
.full.subscription .subscription-list .box .subscribe-infos li:before,
.full.subscription .subscription-list .box .subscribe-infos li:after {
  display: table;
  content: "";
}
.full.subscription .subscription-list .box .subscribe-infos li:after {
  clear: both;
}
.full.subscription .subscription-list .box form .inbl-list {
  *zoom: 1;
  border-top: 1px dashed #DEDEDE;
  padding: 5px 0;
}
.full.subscription .subscription-list .box form .inbl-list:before,
.full.subscription .subscription-list .box form .inbl-list:after {
  display: table;
  content: "";
}
.full.subscription .subscription-list .box form .inbl-list:after {
  clear: both;
}
.full.subscription .subscription-list .box form .inbl-list:first-of-type {
  border-top: none;
  padding-top: 0;
}
/******************************************/
/***************  Article web  *************/
/******************************************/
.article-intro {
  display: table-cell;
  padding: 0 10px 0 0;
  vertical-align: top;
  width: 55%;
}
.article-info {
  border-left: 5px solid #fba606;
  display: table-cell;
  padding: 5px 0 5px 10px;
  vertical-align: top;
  width: 45%;
}
.article-info h2 {
  border-bottom: 1px solid #fba606;
  color: #333;
}
.article-info strong {
  display: inline-block;
}
.article-info ul {
  margin: 0 10px 20px 10px;
  padding: 0 0 0 5px;
}
.article-actions a {
  background-color: #e6e4e3;
  background-position: 5px center;
  background-repeat: no-repeat;
  margin: 2px 5px 2px 0;
  padding: 5px 10px 5px 30px;
}
.print {
  background-image: url(../../images/base/icons/icon-print.png);
}
.btn-pdf {
  background-image: url(../../images/base/icons/icon-pdf.png);
}
.share {
  background-image: url(../../images/base/icons/icon-share.png);
}
.article-access {
  margin-top: 20px;
}
.article-suggest {
  border: 1px solid #574a44;
  display: table;
  margin: 20px 0;
  table-layout: fixed;
  width: 100%;
}
.article-suggest > div {
  border-left: 1px dashed #DEDEDE;
  display: table-cell;
  vertical-align: top;
}
.article-suggest > div:first-child {
  border-left: 0px none;
}
.article-suggest.cols3 > div {
  width: 30%;
}
.article-suggest.cols2 > div {
  width: 50%;
}
.article-suggest.cols1 > div {
  width: 100%;
}
.article-suggest.cols3 > div:first-child {
  width: 40%;
}
.subscription .block.magazine ul li,
.box.magazine ul li,
.article-suggest .magazine ul li {
  list-style-image: url(../../images/base/background/list-square-style1.png);
}
.article.full .subpages,
.article.full .toc {
  margin: 20px 0;
}
.toc .active,
.subpages .active,
.style1.toc .active,
.style1.subpages .active {
  color: #574a44;
  font-weight: bold;
}
.style2.toc .active,
.style2.subpages .active {
  color: #b4003c;
}
.style3.toc .active,
.style3.subpages .active {
  color: #088106;
}
.style4.toc .active,
.style4.subpages .active {
  color: #fba606;
}
.article-suggest h2 {
  background-color: #574a44;
  color: #ffffff;
  font-size: 1em;
  font-weight: bold;
  margin: 0;
  min-height: 31px;
  padding: 7px 10px;
  position: relative;
}
.article-suggest h3 {
  font-size: 1em;
  margin-top: 0;
}
.article-suggest ul {
  padding: 5px;
}
.article-suggest li {
  margin: 5px 0;
}
.subpages .current-page {
  background: url(../../images/base/icons/icon-main-article.png) left top no-repeat transparent;
  margin: 0 10px;
  padding-left: 17px;
}
/* Contenus média de l'article */
.media-list {
  margin: 0;
  padding: 0;
}
.media-list li {
  background: url(../../images/base/background/bg-image.png) left top repeat-x transparent;
  list-style: none;
  margin: 10px 0;
  overflow-x: auto;
  padding: 15px 0 0 0;
}
.media-list figure {
  margin: 0;
  padding: 0;
  text-align: center;
}
.media-list figcaption,
.media-list .legend {
  text-align: justify;
}
.media-list a img {
  display: block;
  margin: 0 auto 10px 0;
  max-width: 100%;
}
.media-list h3,
.media-list h4 {
  color: #333;
  margin-bottom: 5px;
}
.media-list h3,
.media-list caption {
  font-size: 1.1em;
}
.media-list caption {
  display: none;
}
.media-list a,
.object a.lightbox {
  position: relative;
  display: inline-block;
}
#content-2 .media-list a,
.object a.lightbox {
  position: relative;
}
#content-2 .media-list a:before,
.object a.lightbox:before {
  content: '';
  background-color: rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  opacity: 0;
}
#content-2 .media-list a:after,
.object a.lightbox:after {
  color: #ffffff;
  font-family: icons;
  font-size: 30px;
  content: '\e902';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  opacity: 0;
}
#content-2 .media-list a:hover:before,
.object a.lightbox:hover:before,
#content-2 .media-list a:focus:before,
.object a.lightbox:focus:before,
#content-2 .media-list a:hover:after,
.object a.lightbox:hover:after,
#content-2 .media-list a:focus:after,
.object a.lightbox:focus:after {
  opacity: 1;
}
.media-list h4 {
  font-size: 1em;
  font-weight: bold;
}
.media-list figcaption,
.media-list .legend {
  background-color: #F7F7F7;
  border: 1px solid #F0F0F0;
  font-size: 0.9em;
  font-style: italic;
  margin: 3px 0;
  padding: 3px;
  text-align: justify;
}
/******************************************/
/***************** TABLEAUX ***************/
/******************************************/
table {
  border-collapse: collapse;
  clear: both;
  margin: 10px auto;
  max-width: 100%;
}
table caption {
  font-size: 1.2em;
  font-weight: bold;
}
/* Styles alternatifs */
table.style1 caption {
  color: #574a44;
}
table.style2 caption {
  color: #b4003c;
}
table.style3 caption {
  color: #088106;
}
table.style4 caption {
  color: #fba606;
}
table,
table td {
  border: 1px solid #c4c5c7;
}
.wysiwyg table tr td:only-of-type,
table tr:first-child td:empty,
table thead tr th:empty,
#content table thead tr th:empty {
  background-color: transparent;
  border-color: #ffffff;
  border-width: 1px 0 0 1px;
}
.note table tr td:only-of-type {
  text-align: center;
}
table tr th,
table tr td {
  padding: .5em;
}
table tr th,
table.style4 tr th {
  background: none repeat scroll 0 0 #fba606;
  border: 1px solid #CCC;
  color: #ffffff;
  text-align: center;
}
table tr th a {
  color: #ffffff;
}
/* Styles alternatifs */
table.style1 tr th {
  background-color: #574a44;
}
table.style2 tr th {
  background-color: #b4003c;
}
table.style3 tr th {
  background-color: #088106;
}
table.style4 tr th {
  background-color: #fba606;
}
/* Styles alternatifs */
table.style1 tr:nth-child(even) {
  background-color: #EEEBEA;
}
table.style2 tr:nth-child(even) {
  background-color: #FFECF2;
}
table.style3 tr:nth-child(even) {
  background-color: #EDFEED;
}
table.style4 tr:nth-child(even) {
  background-color: #FEECC1;
}
table tr:nth-child(odd) {
  background-color: #ffffff;
}
table tfoot td .sum {
  display: block;
  background: url(../../images/base/background/bg-sum.png) left center repeat-x transparent;
  text-align: right;
}
table tfoot td .sum > span {
  display: inline-block;
  background-color: #eeedec;
  font-weight: bold;
  margin-right: 8px;
  padding: 4px 5px;
}
table tfoot td .sum > span > .amount {
  font-weight: normal;
  margin-left: 10px;
}
/******************************************/
/************** TELECHARGEMENT ************/
/******************************************/
.document-type {
  background-color: transparent;
  background-position: left center;
  background-repeat: no-repeat;
  padding: 0 0 0 25px;
}
.file {
  background-image: url(../../images/base/icons/icon-document-file.png);
}
.pdf {
  background-image: url(../../images/base/icons/icon-document-pdf.png);
}
.word,
.writer {
  background-image: url(../../images/base/icons/icon-document-word.png);
}
.excel,
.calc {
  background-image: url(../../images/base/icons/icon-document-excel.png);
}
.powerpoint,
.impress {
  background-image: url(../../images/base/icons/icon-document-ppt.png);
}
.document-type.image {
  background-image: url(../../images/base/icons/icon-document-image.png);
}
.music {
  background-image: url(../../images/base/icons/icon-document-audio.png);
}
.movie {
  background-image: url(../../images/base/icons/icon-document-video.png);
}
.archive {
  background-image: url(../../images/base/icons/icon-document-archive.png);
}
.view-online {
  background: url(../../images/base/icons/icon-viewonline.png) center center no-repeat transparent;
  display: inline-block;
  height: 17px;
  vertical-align: bottom;
  width: 25px;
}
/* styles popup */
.ui-dialog .style2 .btn-like {
  color: #ffffff;
}
.newsletter.full h3 {
  counter-increment: titre1;
  counter-reset: titre2;
}
.newsletter.full h3:before {
  background-color: #088106;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: #ffffff;
  content: counter(titre1, decimal) " ";
  display: inline-block;
  height: 25px;
  line-height: 25px;
  margin: 0 10px 0 0;
  text-align: center;
  vertical-align: middle;
  width: 25px;
}
.newsletter.full form > fieldset:first-child {
  padding-top: 30px;
}
/* Classement des articles dans la popup*/
.ui-widget .inline.article {
  display: block;
  margin: 0 0 5px 0;
}
.ui-widget .inline.article a {
  border-bottom: 1px dotted #fba606;
  display: block;
  padding-right: 70px;
  position: relative;
}
.ui-widget .inline.article a span {
  font-style: italic;
  font-weight: bold;
  display: inline-block;
  position: absolute;
  right: 0;
  vertical-align: top;
}
/******************************************/
/*********  NOTE DE CONJONCTURE  ***********/
/******************************************/
.produit-eco {
  padding-top: 20px;
}
.produit-tech {
  padding-top: 20px;
}
.barometer .actual,
.barometer .progression,
.barometer .average {
  display: table;
  margin: 4px 0;
  text-align: center;
  width: 100%;
}
.barometer .prix {
  padding: 35px 0 5px;
}
.barometer .prix .category-subtitle {
  display: none;
}
.barometer .graphique {
  min-height: 190px;
  padding: 10px 0;
}
.barometer .trend,
.barometer .week,
.barometer .label,
.barometer .progression .value,
.barometer .average .value {
  display: table-cell;
  vertical-align: middle;
}
.barometer .grid1 > div {
  display: block;
  text-align: center;
  width: 100%;
}
.barometer .grid1 > div > * {
  display: block;
  margin: 0 auto;
}
.barometer .actual {
  margin: 10px 0;
}
.trend strong,
.barometer .number,
.barometer .week .value,
.barometer .currency {
  display: block;
}
.trend img {
  margin-top: 5px;
}
.barometer .currency {
  font-size: 0.8em;
}
.barometer .label,
.barometer .number,
.barometer .value {
  padding: 4px;
}
.barometer .label,
.barometer .number {
  background-color: #574a44;
  color: #ffffff;
  font-weight: bold;
}
.barometer .value {
  background-color: #dad6c5;
  font-size: 1.4em;
  font-weight: bold;
  vertical-align: middle;
}
/* Full Note de conjoncture */
/* Header pour le layout par défaut : jamais appliqué en principe */
.note.full .header-note > div {
  display: table;
  table-layout: fixed;
  width: 100%;
}
/* Header pour le layout alternatif : toujours appliqué en principe */
.note.full.alternate .header-note > div {
  display: table;
  table-layout: fixed;
  width: 712px;
}
.note.full h1 {
  border-bottom: 1px solid #574a44;
  color: #574a44;
  padding-right: 160px;
  position: relative;
}
.note.full h1 span {
  background-color: #574a44;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  bottom: 0;
  color: #ffffff;
  display: inline-block;
  font-size: 0.8em;
  padding: 2px 6px;
  position: absolute;
  right: 0;
}
.note.full .article-info,
.note.full .article-info h2 {
  border-color: #574a44;
}
.note.full .article-info li {
  list-style-image: url(../../images/base/background/list-circle-style1.png);
}
.note.full .partner-mail:before {
  content: ", ";
}
.section,
.country {
  background: -moz-linear-gradient(135deg, #f0f0f0 0%, #ffffff 25%, #ffffff 100%);
  background: -o-linear-gradient(135deg, #f0f0f0 0%, #ffffff 25%, #ffffff 100%);
  background: -webkit-linear-gradient(135deg, #f0f0f0 0%, #ffffff 25%, #ffffff 100%);
  background: linear-gradient(135deg, #f0f0f0 0%, #ffffff 25%, #ffffff 100%);
  /* W3C */
  border: 1px solid #574a44;
  margin: 10px auto;
  padding: 10px;
  width: 100%;
}
.note .legend {
  background-color: #F7F7F7;
  border: 1px solid #F0F0F0;
  display: block;
  font-size: 0.9em;
  font-style: italic;
  margin: 3px;
  padding: 3px;
  text-align: justify;
}
.note-content .w100 {
  margin: 5px 0;
}
.note-content .w50 {
  margin: 5px 0;
  padding: 0 10px 0 0;
}
.note .note-content h2 {
  border-color: #574a44;
  border-style: solid;
  border-width: 0 0 2px 32px;
  color: #574a44;
  margin: 10px 0 5px 0;
  padding: 2px 10px;
}
.note .note-content h3 {
  background-color: #dad6c5;
  border-bottom: 2px solid #574a44;
  font-size: 1.1em;
  padding: 2px 10px;
}
.note .note-content .chart h3 {
  margin-bottom: 0;
  padding: 4px 10px;
}
/* Gestion des symboles dans les tableaux */
table .table-arrow {
  font-size: 2em;
  font-weight: bold;
  line-height: 1em;
}
.note-content table {
  margin: 0;
}
.note table tr th {
  background-color: #574a44;
}
table tr:nth-child(even),
table.style4 tr:nth-child(even) {
  background-color: #F0F0F0;
}
.note-content h4,
.note-content table caption {
  background-color: #574a44;
  color: #ffffff;
  font-size: 1.2em;
  font-weight: bold;
  margin: 0;
  padding: 1px 5px;
  text-align: center;
}
.note-content .country .section h4 {
  margin-bottom: 10px;
}
.note-content .country .section .note_toc h4 {
  margin-bottom: 0;
}
.note-content h5 {
  text-align: center;
}
.full.note .section table {
  width: 100%;
}
.full.note .chart .table-container table,
#cboxWrapper .table-container table {
  text-align: center;
  font-size: 1.1em;
  table-layout: fixed;
}
.full.note .chart .table-container table th,
#cboxWrapper .table-container table th,
.full.note .chart .table-container table td,
#cboxWrapper .table-container table td {
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}
.full.note .chart .google-visualization-table-table,
#cboxWrapper .google-visualization-table-table {
  text-align: right;
}
/* Prix directeur */
.full.note .barometer_country > div {
  border-collapse: separate;
  border-spacing: 10px;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.full.note .note_toc > h3 {
  margin-bottom: 0;
}
.full.note .note_toc > ul {
  border-color: #574a44;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  margin: 0;
  padding-bottom: 5px;
  padding-top: 5px;
}
.full.note .barometer_country > div > div {
  display: table-cell;
  text-align: center;
}
.full.note .note-box {
  background-color: #dad6c5;
  vertical-align: top;
}
.full.note .note-box strong {
  background-color: #574a44;
  color: #ffffff;
  display: block;
  font-weight: bold;
  padding: 3px;
}
.full.note .barometer_country span {
  display: block;
  margin-top: 10px;
}
/* Styles alternatifs : style1 */
.note.full .style1 .article-info li {
  list-style-image: url(../../images/base/background/list-circle-style1.png);
}
.style1 .barometer .value,
.note.full .style1 .note-content h3,
.note.full .style1 .note-box,
.note.full .style1 .legend,
.style1 table tr:nth-child(even),
.style1 table.style4 tr:nth-child(even) {
  background-color: #F0F0F0;
}
.style1 .section,
.style1 .country {
  background: -moz-linear-gradient(135deg, #f0f0f0 0%, #ffffff 25%, #ffffff 100%);
  background: -o-linear-gradient(135deg, #f0f0f0 0%, #ffffff 25%, #ffffff 100%);
  background: -webkit-linear-gradient(135deg, #f0f0f0 0%, #ffffff 25%, #ffffff 100%);
  background: linear-gradient(135deg, #f0f0f0 0%, #ffffff 25%, #ffffff 100%);
  /* W3C */
}
.note.full .style1 .note-content h2,
.note.full .style1 .note-content h3,
.note.full .style1 .article-intro,
.note.full .style1 .article-info,
.note.full .style1 h2,
.note.full .style1 .note_toc > ul,
.style1 .section,
.style1 .country,
.note.full .style1 h1 {
  border-color: #574a44;
}
.note.full .style1 h1,
.note.full .style1 .note-content h2,
.note.full .style1 .trend strong {
  color: #574a44;
}
.note.full.note.full .style1 .note-content h4,
.style1 table tr th,
.note.full .style1 .note-content table caption,
.note.full .style1 .note-box strong,
.style1 .barometer .label,
.style1 .barometer .number,
.note.full .style1 h1 span {
  background-color: #574a44;
}
/* Styles alternatifs : style2 */
.full.note .note.full .style2 .article-info li {
  list-style-image: url(../../images/base/background/list-circle-style2.png);
}
.style2 .barometer .value,
.note.full .style2 .note-content h3,
.note.full .style2 .note-box,
.note.full .style2 .legend,
.style2 table tr:nth-child(even),
.style2 table.style4 tr:nth-child(even) {
  background-color: #FFE8EF;
}
.style2 .section,
.style2 .country {
  background: -moz-linear-gradient(135deg, #ffe8ef 0%, #ffffff 25%, #ffffff 100%);
  background: -o-linear-gradient(135deg, #ffe8ef 0%, #ffffff 25%, #ffffff 100%);
  background: -webkit-linear-gradient(135deg, #ffe8ef 0%, #ffffff 25%, #ffffff 100%);
  background: linear-gradient(135deg, #ffe8ef 0%, #ffffff 25%, #ffffff 100%);
  /* W3C */
}
.note.full .style2 .note-content h2,
.note.full .style2 .note-content h3,
.note.full .style2 .article-intro,
.note.full .style2 .article-info,
.note.full .style2 h2,
.note.full .style2 .note_toc > ul,
.style2 .section,
.style2 .country,
.note.full .style2 h1 {
  border-color: #b4003c;
}
.note.full .style2 h1,
.note.full .style2 .note-content h2,
.note.full .style2 .trend strong {
  color: #b4003c;
}
.note.full .style2 .note-content h4,
.style2 table tr th,
.note.full .style2 .note-content table caption,
.note.full .style2 .note-box strong,
.style2 .barometer .label,
.style2 .barometer .number,
.note.full .style2 h1 span {
  background-color: #b4003c;
}
/* Styles alternatifs : style3 */
.note.full .style3 .article-info li {
  list-style-image: url(../../images/base/background/list-circle-style3.png);
}
.style3 .barometer .value,
.note.full .style3 .note-content h3,
.note.full .style3 .note-box,
.note.full .style3 .note-content .legend,
.style3 table tr:nth-child(even),
.style3 table.style4 tr:nth-child(even) {
  background-color: #F2FEF1;
}
.style3 .section,
.style3 .country {
  background: -moz-linear-gradient(135deg, #f2fef1 0%, #ffffff 25%, #ffffff 100%);
  background: -o-linear-gradient(135deg, #ff2fef 1 0%, #ffffff 25%, #ffffff 100%);
  background: -webkit-linear-gradient(135deg, #f2fef1 0%, #ffffff 25%, #ffffff 100%);
  background: linear-gradient(135deg, #f2fef1 0%, #ffffff 25%, #ffffff 100%);
  /* W3C */
}
.note.full .style3 h2,
.note.full .style3 h3,
.note.full .style3 .article-intro,
.note.full .style3 .article-info,
.note.full .style3 h2,
.note.full .style3 .note_toc > ul,
.style3 .section,
.style3 .country,
.note.full .style3 h1 {
  border-color: #088106;
}
.note.full .style3 h1,
.note.full .style3 .note-content h2,
.note.full .style3 .trend strong {
  color: #088106;
}
.note.full .style3 .note-content h4,
.style3 table tr th,
.note.full .style3 .note-content table caption,
.note.full .style3 .note-box strong,
.style3 .barometer .label,
.style3 .barometer .number,
.note.full .style3 h1 span {
  background-color: #088106;
}
/* Styles alternatifs : style4 */
.note.full .style4 .article-info li {
  list-style-image: url(../../images/base/background/list-circle-style4.png);
}
.style4 .barometer .value,
.note.full .style4 .note-content h3,
.note.full .style4 .note-box,
.note.full .style4 .legend,
.style4 table tr:nth-child(even),
.style4 table.style4 tr:nth-child(even) {
  background-color: #FEECC1;
}
.style4 .section,
.style4 .country {
  background: -moz-linear-gradient(135deg, #feecc1 0%, #ffffff 25%, #ffffff 100%);
  background: -o-linear-gradient(135deg, #feecc1 0%, #ffffff 25%, #ffffff 100%);
  background: -webkit-linear-gradient(135deg, #feecc1 0%, #ffffff 25%, #ffffff 100%);
  background: linear-gradient(135deg, #feecc1 0%, #ffffff 25%, #ffffff 100%);
  /* W3C */
}
.note.full .style4 .note-content h2,
.note.full .style4 .note-content h3,
.note.full .style4 .article-intro,
.note.full .style4 .article-info,
.note.full .style4 h2,
.note.full .style4 .note_toc > ul,
.style4 .section,
.style4 .country,
.note.full .style4 h1 {
  border-color: #fba606;
}
.note.full .style4 h1,
.note.full .style4 .note-content h2,
.note.full .style4 .trend strong {
  color: #fba606;
}
.note.full.note.full .style4 .note-content h4,
.style4 table tr th,
.note.full .style4 .note-content table caption,
.note.full .style4 .note-box strong,
.style4 .barometer .label,
.style4 .barometer .number,
.note.full .style4 h1 span {
  background-color: #fba606;
}
/* Voir graphique en plus grand et Infos du graphique */
.cboxElement {
  display: block;
  font-size: 0.9em;
  padding: 5px;
  text-align: center;
}
.chart_info {
  background-color: #F7F7F7;
  border: 1px solid #F0F0F0;
  font-size: 0.9em;
  font-style: italic;
  margin: 3px 0;
  padding: 3px;
}
.chart_info > * {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
}
.chart_logo {
  text-align: right;
}
.full.product .chart_logo img {
  width: 50px;
}
.full.product .chart_source,
.full.product .note .legend {
  font-size: 0.8em;
}
/* Personnalisation du style Info du marché sur page accueil */
.landing_page #content-1 .block.news {
  border: 1px solid #fba606;
  background-color: #ffffff;
}
.landing_page #content-1 .block.news .inner-box {
  background: url(../../images/base/background/bg-news.png) 95% top no-repeat #ffffff;
  padding: 3px 35px 3px 8px;
}
.landing_page #content-1 .block.note {
  border: 1px solid #574a44;
  background-color: #ffffff;
}
.landing_page #content-1 .block.note .show {
  background: url(../../images/base/background/bg-note-conjoncture.png) top right no-repeat #ffffff;
  padding-right: 35px;
}
.landing_page #content-1 .block.note:hover {
  background-image: none;
}
/* Open/Close */
h2.js-OpenObject {
  cursor: pointer;
}
/******************************************/
/*************  PLAN DU SITE  *************/
/******************************************/
#sitemap a {
  color: #b4003c;
  padding: 2px;
}
#sitemap,
#sitemap > li > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#sitemap > li {
  list-style: none;
  margin: 20px 0;
  padding: 10px 0;
}
#sitemap > li:nth-child(even),
#sitemap > li.even {
  background: #F3F3F3;
}
#sitemap > li:nth-child(odd),
#sitemap > li.odd {
  background: #ffffff;
}
#sitemap > li > a,
#sitemap > li > span,
#sitemap > li > ul,
#sitemap > li > ul ul {
  display: inline-block;
  vertical-align: top;
}
#sitemap > li > a,
#sitemap > li > span {
  font-size: 1.6em;
  line-height: 1.2em;
  padding: 0 10px;
  width: 25%;
}
#sitemap > li > ul {
  border-left: 3px solid #088106;
  padding: 5px 40px;
  width: 75%;
}
#sitemap > li > ul > li {
  margin: 5px 0;
}
#sitemap > li > ul > li > span {
  border-bottom: 3px solid #088106;
  display: inline-block;
  padding-bottom: 3px;
  font-weight: bold;
  vertical-align: top;
}
#sitemap > li > ul > li > ul {
  background-color: #E9E9EA;
  border-left: 3px solid #088106;
  display: block;
  margin: 0 0 10px 25px;
  padding: 5px 5px 5px 25px;
}
#sitemap > li > ul > li > ul > li {
  background: url(../../images/base/background/list-triangle-style4.png) left 6px no-repeat transparent;
  display: inline-block;
  list-style: none;
  padding: 2px 0 2px 15px;
  vertical-align: top;
  width: 50%;
}
#sitemap > li > ul > li > ul > li a {
  display: block;
  margin-right: 10px;
  padding: 2px;
}
#sitemap > li:nth-child(odd) li a:hover,
#sitemap > li.odd li a:hover {
  background-color: #F3F3F3;
}
#sitemap > li > ul > li > ul > li a:hover,
#sitemap > li:nth-child(even) li a:hover,
#sitemap > li.even li a:hover {
  background-color: #ffffff;
}
/* Nouveaux blocs full */
.rowfull {
  width: 100%;
  padding: 30px 0;
}
.rowfull.advertise a {
  max-width: 1200px;
  margin: 0 auto;
}
.rowfull.publications {
  background-color: #F5F5F5;
}
.rowfull.publications .grid2 > .textleft .box {
  margin-right: auto;
}
.rowfull.publications .grid2 > .txtright .box {
  margin-left: auto;
}
.rowfull.publications .box {
  background-color: #ffffff;
}
.rowfull.newsletter {
  background: linear-gradient(to bottom right, #f5f5f5, #dad6c5);
  position: relative;
  /*.layer {
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: rgba(255, 255, 255, 0.4);
            top: 0;
            left: 0;
            z-index: 1;
        }*/
}
.rowfull.newsletter:before,
.rowfull.newsletter:after {
  content: '';
  background-repeat: no-repeat;
  background-size: contain;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  position: absolute;
  top: 20px;
  left: 20px;
}
.rowfull.newsletter:before {
  background-image: url(../../images/base/content/newsletter-1.png);
  background-position: left center;
}
.rowfull.newsletter:after {
  background-image: url(../../images/base/content/newsletter-2.png);
  background-position: right center;
}
.rowfull.newsletter form {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.rowfull.newsletter .container {
  border: none;
  border-collapse: separate;
  border-spacing: 40px 40px;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.rowfull.newsletter .container > * {
  width: 33%;
  display: table-cell;
  vertical-align: middle;
}
.rowfull.newsletter .container .title-zone {
  text-align: center;
  text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
}
.rowfull.newsletter .container .title-zone * {
  display: block;
}
.rowfull.newsletter .container .title-zone .title {
  font-family: Boogaloo;
  font-size: 30px;
}
.rowfull.newsletter .container .title-zone span {
  margin-top: 10px;
  margin-bottom: 10px;
  font-style: italic;
}
.rowfull.newsletter .container input[type="email"],
.rowfull.newsletter .container input[type="submit"] {
  width: 100%;
  line-height: 50px;
  padding: 0 40px;
  height: 50px;
}
.rowfull.newsletter .container input[type="submit"] {
  background-color: #6a9c32;
  border: none;
  color: #FFF;
  font-size: 17px;
}
.full.presentation .presentation-desc {
  display: table;
}
.full.presentation .presentation-desc > * {
  display: table-cell;
  vertical-align: middle;
}
.full.presentation .presentation-desc .presentation-img {
  width: 200px;
}
.full.presentation .presentation-desc .presentation-img + .wysiwyg {
  padding: 20px;
}
.full.presentation .presentation-desc .wysiwyg {
  padding: 20px 0;
}
.full.presentation .presentation-desc .wysiwyg p:last-child {
  margin-bottom: 0;
}
.full.presentation .presentation-blocks {
  padding: 20px 0 0;
}
.full.presentation .presentation-blocks .presentation-block {
  text-align: center;
  background-color: #f7f7f7;
  border: 1px solid #d4d4d4;
  padding: 10px 10px 30px;
  height: 100%;
  position: relative;
}
.full.presentation .presentation-blocks .presentation-block span[data-icon] {
  font-size: 35px;
}
.full.presentation .presentation-blocks .presentation-block .presentation-title {
  font-size: 20px;
}
.full.presentation .presentation-blocks .presentation-block .presentation-txt {
  text-align: left;
}
.full.presentation .presentation-blocks .presentation-block .read-all {
  position: absolute;
  bottom: 5px;
  right: 0;
}