/************************************************************
	FONTS
************************************************************/
@font-face {
    font-family: 'hk_groteskbold';
    src: url('fonts/hk/hkgrotesk-bold-webfont.woff2') format('woff2'),
         url('fonts/hk/hkgrotesk-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'hk_groteskmedium';
    src: url('fonts/hk/hkgrotesk-medium-webfont.woff2') format('woff2'),
         url('fonts/hk/hkgrotesk-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
a {color:#000;}
a:hover {color:#808080;}

/************************************************************
	ICONS
************************************************************/
@font-face {
  font-family: 'icomoon';
  src:  url('icons/base-icons/icomoon.eot?crfv3l');
  src:  url('icons/base-icons/icomoon.eot?crfv3l#iefix') format('embedded-opentype'),
    url('icons/base-icons/icomoon.ttf?crfv3l') format('truetype'),
    url('icons/base-icons/icomoon.woff?crfv3l') format('woff'),
    url('icons/base-icons/icomoon.svg?crfv3l#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-soc-fb:before {
  content: "\e8db";
  color: #fff;
}
.icon-soc-insta:before {
  content: "\e8e4";
  color: #fff;
}
.icon-soc-pin:before {
  content: "\e8f0";
  color: #fff;
}
.icon-soc-tweet:before {
  content: "\e923";
  color: #fff;
}

.icon-soc-youtube:before {
  content: "\e0a5";
  color: #fff;
}

.icon-soc-linkedin:before {
  content: "\e04c";
  color: #fff;
}

.icon-burger:before {
  content: "\e8fd";
}
.icon-comment:before {
  content: "\e8ed";
}
.icon-filter:before {
  content: "\e8dd";
}
.icon-mail:before {
  content: "\e8f2";
}
.icon-next:before {
  content: "\e8d4";
}
.icon-print:before {
  content: "\e905";
}
.icon-search-bold:before {
  content: "\e8e5";
}
.icon-search-light:before {
  content: "\e8f1";
}
.icon-share:before {
  content: "\e8df";
}
.icon-www:before {
  content: "\e8c8";
}
.icon-download-icon:before {
  content: "\e8c0";
}

    i.small  { font-size: 0.8rem; }
    i.medium  { font-size: 1rem; }
    i.large  { font-size: 1.4rem; }
    
    
/************************************************************
	NEWSLETTER INFOMANIAK
************************************************************/
footer .inf-main{ margin:0;padding:0; background-color: #000;}
footer .inf-main .inf-content{margin-top:0;}
footer .inf-main h4{color:#fff; font-size: 13px; font-weight: 400;}
footer inf-main span{display: none;}
footer .inf-main .inf-input input{width:60%; float:left; color:#000;}
footer .inf-main .inf-submit input{ height:35px; float:left;}
footer .inf-success p a {display: none;}
/************************************************************
	TEXTES
************************************************************/

blockquote, blockquote p{color: #c32929;
font-size: 33px;
font-weight: 500;
border: 0;
font-style: italic;
letter-spacing: .01em;
word-wrap: break-word;
font-family: TiemposRegularItalic;
text-align: center;}

a:focus, a:hover {
    color: #808080;
}
.h1 {
	font-family: 'Cormorant', serif;
        font-size: 3em;
        font-variant: small-caps;
	letter-spacing: -0.02em;
	font-weight: 700;
        color:#000;
}
.h2 {
    font-family: 'Cormorant', serif;
    font-size: 2.2em;
    font-variant: small-caps;
    letter-spacing: -0.02em;
    font-weight: 700;
	line-height: 1.2em;
        color:#4c4c4c;
}
.h3 {
    font-family: 'Cormorant', serif;
	font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    font-size: 0.85em;
    letter-spacing: 0.12em;
        color:#4c4c4c;
}
.h4 {
    font-family: 'Cormorant', serif;
	font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    font-size: 0.7em;
    letter-spacing: 0.12em;
}
p {
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.6em;
}
.big-p {
    font-size: 1.14em;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: -0.02em;
    line-height: 2em;
    font-weight: 300;
}

.margin-top-30{margin-top:30px;} 
.margin-bottom-50{margin-bottom:50px;} 
.margin-bottom-20{margin-bottom:20px;} 


.pagination a, .pagination button{ display:inline;}
.pagination .current {background-color:#000;}

/* **** ARIANE ****** **/
.ariane {
    font-family: 'Cormorant', serif;
    font-size: 0.8em;
    font-variant: small-caps;
	letter-spacing: 0.1em;
    font-weight: 700;
    color: #4c4c4c;
	margin-bottom: 8px;
}
.ariane a {
    color: #4c4c4c;
}
.ariane a:hover {
    color: #000;
}
.ariane span {
    color: #000;
}
.search-title {
    font-family: 'Cormorant', serif;
    font-size: 1.8em;
    text-align: center;
    font-variant: small-caps;
    letter-spacing: 0.05em;
    font-weight: 700;
    color: #4c4c4c;
    margin-bottom: 15px;
}
.search-title span {
    color: #000;
}
.same-articles .h1 {
    color: #000;
    font-size: 2.5em;
}
.normal-case {
font-variant: normal;
letter-spacing: 0.02em;
}
.title-bar span.normal-case {
    font-size: 1.2em;
    position: relative;
    bottom: 1px;
}
.title-bar {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
	background-color: #fff;
	line-height: 2em;
}
.title-bar.txt-center {
    justify-content: center;
}
.txt-center {
	text-align: center;
}
.bigttitre {
    text-align: center;
    padding: 0px 5%;
}
.bigttitre p {
    font-size: 1.2em;
    font-weight: 700;
    color: #000;
    line-height: 1.8em;
}
#list-category .h4 {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 8px;
    margin-top: 5px;
    display: block;
}
/* #article .content-article.c1 p::first-letter {
    font-family: 'Cormorant', serif;
    font-size: 5em;
    font-variant: small-caps;
	letter-spacing: -0.02em;
	font-weight: 700;
    color: #000;
}*/


/************************************************************
	CONTENT - gallery
************************************************************/
.gallery img{ border:2px solid #fff !important; }

/***** IMG IN POST ******/
img.alignright {float:right; margin:10px 0 10px 15px}
img.alignleft {float:left; margin:10px 15px 10px 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:10px 0 10px 15px}
a img.alignleft {float:left; margin:10px 15px 10px 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/************************************************************
	ALIGNER
************************************************************/
.aligner {
  display: flex;
  align-items: center;
  justify-content: center;
}

.aligner-item {
}

.aligner-item--top {
  align-self: flex-start;
}

.aligner-item--bottom {
  align-self: flex-end;
}
/************************************************************
	BG
************************************************************/
.bg-red{background-color: #ff0000;}


/************************************************************
	MENU
************************************************************/
	/* CUSTOM EQS : MENU */
	#main-menu {
		background-color: #fff;/* COULEUR DE FOND  */
	}
        #main-menu nav {
		background-color: #000;/* COULEUR DE FOND  */
	}
	.menu-item a {
	font-family: 'hk_groteskbold';
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    font-size: 0.80em;
    letter-spacing: 0.12em;
    color: #dedede;
    padding: 25px 20px;
    transition: all 0.2s ease;
}
	.menu-item a:hover {
		color: #fff; /* COULEUR AU HOVER  */
	}
	.menu-item.current-menu-item > a, .current_page_ancestor > a {
		color: #fff; /* COULEUR ACTIF  */
	}
	nav#primary-nav {
	background-color: #fff;
	}
	#secondary-nav{background-color: #000;/* COULEUR DE FOND  */}
        .article-link-info {
            font-family: 'hk_groteskbold';
            font-size: 11px;
            letter-spacing: 1.5px;
            color: #000000;
            text-transform: uppercase;
            display: block;
            width: 100%;
            margin-bottom: 10px;
        }
        .article-link-info-i{ width:20px; padding-top:5px;}
        .article-link-info-t {}
        
.link {
    font-family: 'hk_groteskbold';
    font-size: 11px;
    letter-spacing: 1.5px;
    color: #000000;
    text-transform: uppercase;
}
.link.big-link {
    font-size: 1em;
}
.big-link-marge-top{margin-top:200px;}
#up-menu .link {
	padding: 32px 20px;
	transition: all 0.5s ease;
}
#up-menu li:last-child .link {
	padding-right: 0px;
}
#secondary-nav.is-stuck .menu-item a, div#stickynav.is-stuck #secondary-nav .menu-item a {
    font-size: 0.66em;
    padding: 15px 20px;
}
header#main-header {
    transition: all 0.5s ease;
}
.sticky-container {
    transition: all 0.5s ease;
}
#up-menu .link span:before {
    font-size: 1.4em;
    line-height: 0px;
    position: relative;
    top: 2px;
}
.search__icon:before {
    font-size: 0.8em;
}
#up-menu .link .icon-mail:before {
	font-size: 1.2em;
}
#menu-search span.hidder {
    width: 85px;
}
#menu-mail span.hidder {
    width: 60px;
}
span.hidder {
    transition: all 0.5s ease;
    display: inline-block;
}
div#stickynav.is-stuck span.hidder {
    width: 0px;
    display: inline-block;
    overflow: hidden;
}
div#stickynav.is-stuck #up-menu .link {
    padding: 32px 15px;
}
ul#footer-menu li a {
    color: #fff;
    font-size: 0.7em;
    padding: 25px 10px;
}
#footer-menu li:first-child a {
    padding-left: 0px;
}
.sidenav {
    padding-top: 150px;
}
nav#secondary-nav.is-stuck {
    z-index: 998;
}
.sidenav ul li a {
    font-family: 'hk_groteskbold';
    font-size: 0.66em;
    letter-spacing: 1.5px;
    color: #aaa;
    text-transform: uppercase;
    text-align: left;
    padding: 25px 75px;
}
.sidenav .menu-item.current-menu-item > a, .sidenav .current_page_ancestor > a {
    color: #000;
    background-color: #f7f7f7;
}
.sidenav .menu-item.current-menu-item > a, .sidenav .current_page_ancestor > a {
    color: #000;
	font-weight: bold;
}
.sidenav .menu-item a:hover {
    color: #000;
    background-color: #f7f7f7;
}
.single .sticky-container {
    height: 40px!important;
}
.social-icon span:before {
	font-size: 2em;
}
a.social-icon {
    margin-left: 10px;
}
nav#primary-nav {
    position: relative;
    z-index: 1500;
}
nav.sidenav {
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1);
}
/************************************************************
	MOBILE-MENU
************************************************************/
.fa-navicon:before, .fa-reorder:before, .fa-bars:before, i.burger:before {
	color: #000;
    font-size: 16px;
}
#shiftnav-toggle-main .shiftnav-toggle-burger, #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar:before {
    padding: 23px 30px;
}
div#shiftnav-toggle-main {
    width: 100%!important;
    max-width: 1300px;
    left: 50%;
    transform: translate(-50%);
}
a#burger {
    padding: 26px 0px;
    display: block;
    max-width: 70px;
}
ul.sub-menu {
    display: none;
}
/*.menu-item-has-children > a:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	content: "<";
	transform: rotate(-90deg);
    display: inline-block;
} */
/************************************************************
	HEADER
************************************************************/
header {
    /* position: fixed; */
    z-index: 1000;
    width: 100%;
    background-color: #fff;
}
	/*LOGO*/
	img#icon-brand-icon {
		height: 77px; /* = hauteur de la navbar */
		padding: 25px 0px 15px 0px; /* marges du logo par rapport à la navbar */
		margin:auto 0;
	}
/************************************************************
	FOOTER
************************************************************/
        footer {color:#fff;}
        footer a {color:#fff;}
        footer a:hover {color:#4c4c4c;}
        
        footer{background-color: #000; min-height:250px; padding:40px 0px; color:#fff;}
        
        footer img.logo{height:40px;}
        
        footer .menu-bottom{ margin-top:30px; border-top:1px solid #fff; padding-top:30px; }
        
        footer .firstline{ margin-bottom: 20px;}
/************************************************************
	LINKS & BUTTONS
************************************************************/
.icon-next:before {
    font-weight: bold;
}
/************************************************************
	HOME ORBIT
************************************************************/
html, body, div#home-slider, .orbit-wrapper, ul.orbit-container, li.orbit-slide, figure.orbit-figure {
    height: 100%!important;
    min-height: 500px;
}
figcaption.blanc, figcaption.blanc a, figcaption.blanc p, figcaption.blanc .link {
color: #fff;
text-shadow: 2px 2px 20px rgba(0, 0, 0, 1);
}
figcaption.noir, figcaption.noir a, figcaption.noir p, figcaption.noir .link{
color: #000;
text-shadow: 2px 2px 20px rgba(255, 255, 255, 1);
}
figcaption.blanc h2 {
text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.5);
}
figcaption.noir h2 {
text-shadow: 2px 2px 20px rgba(255, 255, 255, 0.5);
}
figure.orbit-figure {
    background-size: cover;
    background-position: center 139px;
    background-repeat: no-repeat;
}
div#home-slider {
	margin-top: -139px;
}
/*figcaption.orbit-caption.aligner-item {
    position: relative;
    top: 73px;
}*/
.orbit-caption a.link {
    text-align: center;
    display: block;
}
.border-container {
    height: 100%;
    padding-top: 175px;
    padding-bottom: 35px;
}
.border-size {
    width: 100%;
    height: 100%;
}
.border {
    border: 1px solid #fff;
}
.orbit-next, .orbit-previous {
    margin-top: 70px;
}
.orbit-controls button:before {
    content: "\e8d4";
	font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color: #fff;
	font-size: 1.8em;
}
button.orbit-previous:before {
	display: block;
	-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
/************************************************************
	PAGES
************************************************************/
    section#content{padding:50px 0px 100px 0px;}    
    
    section#content #icon-brand-icon{height:80px; margin-bottom: 30px;}
    
    .deco{height:100px; margin-bottom: 30px;}
    .ligne-separation{border-right: 1px solid #cccccc;}
	.standard-margin {
		margin-top: 25px;
		margin-bottom: 25px;
	}
    
    
.contain-image-mag-papier {
    overflow: hidden;
    height: 490px;
    margin-bottom: 5px;
}
.article-image-mag-papier {
    height: 490px;
    background-size: cover;
    background-position: center center;
}
.article-image-mag-papier {
	transition-duration: 0.4s;
}
.article-image-mag-papier:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}
/************************************************************
	PAGES : CATEGORIES
************************************************************/
#categories-all article{padding:10px;}    
/************************************************************
	ARTICLE - item 
************************************************************/
#home-articles article{ margin-bottom: 20px;}

.article-title {display: block;}

.article-cat {display: block;}

.article-auteur {display: block;}

.article-excerpt{display: block;}
.article-image {
    height: 190px;
    background-size: cover;
    background-position: center center;
}
.article-image {
	transition-duration: 0.4s;
}
.article-image:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}
.contain-image {
    overflow: hidden;
    height: 190px;
	margin-bottom: 5px;
}

/************************************************************
	LIGHTBOX
************************************************************/
#slb_viewer_wrap .slb_theme_slb_default .slb_container {
    border-radius: 0px;
}

/************************************************************
	HOME - carousel
************************************************************/
.orbit-caption {
    position: unset;
    bottom: auto;
    margin: auto 0;
    background-color: transparent;
    color: #000;
    left: auto;
	max-width: 1000px;
}

.orbit-container{ height:100%;}
/************************************************************
	FILTER
************************************************************/
.hover {
    color: #000!important;
}
.filter-subcat {
	display: none;
}
.sub-active {
	display: block;
}
div#dates li {
    margin-bottom: .5rem;
}
section#filter-search {
    max-width: 1080px;
}
#filter-search .title-bar {
    padding-left: 0px;
    padding-right: 0px;
}
#filter-search li {
    list-style-type: none;
}
#filter-search ul {
    margin: 0px;
}
#filter-search .h4 {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 8px;
	margin-top: 5px;
}
#filter-search #panel {
	/*display: none;*/
}
div#panel {
    border: 0px;
    border-bottom: 1px solid #cccccc;
}
.list-style, .list-style a {
    font-family: 'Montserrat', sans-serif;
    color: #9f9f9f;
    font-weight: 300;
    font-size: 0.85em;
    line-height: 1.5em;
}
/* SEARCH */
/*.search {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}*/
.search * {
  outline: none;
  box-sizing: border-box;
}
.search__wrapper {
    position: relative;
    top: 9px;
}
.search__field {
  width: 50px;
  height: 50px;
  padding: 0.35em 50px 0.35em 0;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  font-family: 'hk_groteskbold';
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
	letter-spacing: 0.06em;
	color: transparent;
}
::placeholder {
    color: #cccccc;
    opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #cccccc;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color: #cccccc;
}
.search__field:focus {
  border-bottom-color: #ccc;
  width: 300px;
  color: #2b2b2b;
  cursor: default;
}
.search__field:focus ~ .search__icon {
  background-color: transparent;
  cursor: pointer;
  pointer-events: auto;
}
.search__icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    font-size: 1.35em;
    text-align: center;
    border-color: transparent;
    pointer-events: none;
    display: inline-block;
    transition: background-color 0.2s ease-in-out;
}
.search__field::-webkit-input-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: 0.1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.search__field:-moz-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: 0.1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.search__field::-moz-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: 0.1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.search__field:-ms-input-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: 0.1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.search__field::-webkit-input-placeholder[style*=hidden] {
  color: #83b0c1;
  font-size: 0.65em;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}
.search__field:-moz-placeholder[style*=hidden] {
  color: #83b0c1;
  font-size: 0.65em;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}
.search__field::-moz-placeholder[style*=hidden] {
  color: #83b0c1;
  font-size: 0.65em;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}
.search__field:-ms-input-placeholder[style*=hidden] {
  color: #83b0c1;
  font-size: 0.65em;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}
#filter-search .search__icon {
    left: 0px;
}
#filter-search .search__wrapper {
    top: 0px;
}
#filter-search .search__field {
    border-bottom: 0px;
    width: 100%;
    padding-left: 50px;
}
#filter-search .search__icon:before {
    content: "\e8f1";
}
/************************************************************
	SINGLE ARTICLE - détail
************************************************************/
.padding-left-20{padding-left:20px;}
.padding-left-img{padding:10px 5px;}

.banner {
    background-image: url(images/default.jpg);
    height: 600px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	margin-bottom: 15px;
}

.article-single-ariane{margin-top:15px;margin-bottom:10px;}
.article-single-titre h1{color:#4c4c4c;}
.article-single-titre h2{font-size: 40px; font-weight: 500; }
.article-single-auteur{ border-top:1px solid #4c4c4c; border-bottom:1px solid #4c4c4c; }
.article-single-site{margin-top:15px;margin-bottom:10px;}
.article-single-site .link{display: block;margin-bottom: 10px;}
.article-single-tag{margin-top:25px;margin-bottom:10px;}
.article-single-tag a {
    background-color: #f1f1f1;
    padding: 7px 10px;
    font-family: 'Montserrat', sans-serif;
    color: #000000;
    font-weight: 300;
    font-size: 0.75em;
	transition: all 0.3s ease;
	line-height: 2.8em;
}
.article-single-tag a:hover {
    background-color: #e8e8e8;
}
.txtright2img img, .txtleft2img img {
    margin-bottom: 15px;
}
.bigimg {
    display: block;
    margin-bottom: 15px;
}
.bigtexte{display: block; }                        
     
.texte2col{
    -webkit-column-count:2; /* Opera, Safari, Google Chrome */
    -moz-column-count: 2; /* Firefox */
    column-count: 2; /* Internet Explorer */
}
.texte3col{
    -webkit-column-count:3; /* Opera, Safari, Google Chrome */
    -moz-column-count: 3; /* Firefox */
    column-count: 3; /* Internet Explorer */
}


.content-article h2{
    font-family: 'Cormorant', serif;
    font-size: 2.2em;
    font-variant: small-caps;
    letter-spacing: -0.02em;
    font-weight: 700;
	line-height: 1.2em;
        color:#4c4c4c;
margin-bottom: 10px;}

.content-article h3{
    font-family: 'Cormorant', serif;
    font-size: 1.8em;
    font-variant: small-caps;
    letter-spacing: -0.02em;
    font-weight: 700;
	line-height: 1.2em;
        color:#4c4c4c;
margin-bottom: 10px;}

.content-article h4{
    font-family: 'Cormorant', serif;
    font-size: 1.6em;
    font-variant: small-caps;
    letter-spacing: -0.02em;
    font-weight: 600;
	line-height: 1.2em;
        color:#4c4c4c;
margin-bottom: 10px;}

.content-article p, .content-article td{text-align: justify;
line-height:1.6em; color:#000;}

.content-article td{
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-weight: 300;
    font-size: 14px;
}

.content-article table tbody{ border:0;}
.bigtextejusti{text-justify: inter-word; text-align: justify;}
.bigtextejusti p{text-justify: inter-word; text-align: justify;}

.txtleft4img img, .txtright4img img {
    width: 50%;
    float: left;
    padding: 3px;
}                
.content-article {
    margin-bottom: 15px;
}
.content-article h3{
    font-size:1.2375rem;
}
.content-article p:first-letter{
    font-weight: 600; font-size: 17px; color:#000;
} 

.content-article p:last-child{
    margin-bottom: 0px;
} 
.icon-www:before {
    font-size: 1.4em;
    position: relative;
    top: 2px;
}
#list-category ul li, #list-category ul li a {
    font-family: 'Montserrat', sans-serif;
    margin-bottom: .5rem;
    color: #545454;
    font-weight: 300;
    font-size: 0.85em;
    line-height: 2em;
    list-style-type: none;
}
#list-category ul li a:hover {
    color: #4c4c4c;
}
#list-category ul {
	margin: 0px;
}
.list-style, .list-style a:hover {
    color: #4c4c4c;
}
#list-category li.categories {
    list-style-type: none;
}
div#list-category {
    margin-top: 25px;
}
#list-category ul.children {
    margin-left: 15px;
}
.slb_data_title span.slb_template_tag {
    font-family: 'Montserrat', sans-serif;
    color: #4c4c4c;
    font-weight: 300;
    font-size: 14px;
    line-height: 2.2em;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_container {
    border-radius: 0px;
}
span.slb_group_status {
    display: none!important;
}
/************************************************************
	STYLES
************************************************************/
body {
	background: #fff;
}
ul.orbit-container h2.h1 {
    font-size: 82px;
    line-height: 1;
    margin-bottom: 20px;
}
ul.orbit-container .link.big-link {
    font-size: 0.7em;
}
ul.orbit-container h3.h3.txt-center {
    font-family: 'hk_groteskbold';
    font-size: 14px;
    letter-spacing: 1.5px;
    color: #000000;
    text-transform: uppercase;
}
img.orbit-image, .image-wrap {
    position: absolute;
    z-index: 1;
}
img.orbit-image {
	height: 100vh;
	object-fit: cover;
}
.border-container {
    position: relative;
    z-index: 2;
}
.image-wrap {
  width: 100%;
    height: 100vh;
  margin: 0 auto;
  overflow: hidden;
}

.image-wrap img {
  width: 100%;
  animation: move 20s ease infinite;
  -ms-animation: move 20s ease infinite;
  -webkit-animation: move 20s ease infinite;
  -moz-animation: move 20s ease infinite;
  position: absolute;
}

@-webkit-keyframes move {
  0% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -o-transform: scale(1.0);
    -moz-transform: scale(1.0);
  }
50% {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
  }
100% {
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -o-transform: scale(1.0);
    -moz-transform: scale(1.0);
  }
}

figcaption {
    -moz-animation: blurFadeIn 1s ease-in backwards;
-ms-animation: blurFadeIn 1s ease-in backwards;
animation: blurFadeIn 1s ease-in backwards;
}
@-webkit-keyframes blurFadeIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.3);
		filter: blur(5px);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		filter: blur(0px);
	}
}
figcaption.blanc h2, figcaption.blanc p, figcaption.blanc a, ul.orbit-container figcaption.blanc h3.h3.txt-center {
    color: #fff;
}
/************************************************************
	MEDIAS QUERIES
************************************************************/
.grid-container {
    width: 100%;
}
@media(min-width:1200px) {
	.grid-container {
    max-width: 90%;
	width: 100%;
}
}
@media(min-width:1400px) {
	.grid-container {
    max-width: 1110px;
    width: 100%;
}
#main-header .grid-container, figure.orbit-figure .grid-container {
    max-width: 85%;
}
}
@media(max-width:1100px) {
div#article, #article-infos {
    width: calc(100% - 1.875rem)!important;
}
#container-article {
	max-width: 800px;
    margin: 0 auto;
}
}
/************* MEDIUM *************/
@media(max-width:1023px) {
	span.hidder {
    width: 0px!important;
    display: inline-block;
    overflow: hidden;
}
#up-menu .link {
    padding: 32px 15px;
}
#secondary-nav .menu-item a, div#stickynav #secondary-nav .menu-item a {
    font-size: 0.66em;
    padding: 15px 20px;
}
div#home-slider {
    margin-top: -117px;
}
figure.orbit-figure {
    background-position: center 117px;
}
.h1 {
	    font-size: 4em;
}
.big-p {
    font-size: 1em;
}
.border-container {
    padding-top: 160px;
}
}
@media(max-width:860px) {
	.h1 {
	    font-size: 3.5em;
}
#secondary-nav .menu-item a, div#stickynav #secondary-nav .menu-item a {
    font-size: 0.6em;
    padding: 16px 10px;
}
}
/************* SMALL *************/
@media(max-width:639px) {
.hide-for-small, figcaption p.big-p, nav#secondary-nav {
    display: none;
}
#filter-search .search__field {
    font-size: 0.8em;
    padding-left: 44px;
    letter-spacing: 0em;
}
div#home-slider {
    margin-top: -77px;
}
figure.orbit-figure {
    background-position: center 77px;
}
.border-container {
    padding-top: 92px;
    padding-bottom: 15px;
}
.border {
    border: 1px solid #fff;
}
#filter-search .search__field {
    padding-right: 0px;
}
.deco {
    height: 50px;
}
ul.orbit-container h2.h1 {
    font-size: 53px;
}
}