@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon.eot?ij3swp');
	src: url('../fonts/icomoon.eot?ij3swp#iefix') format('embedded-opentype'),
	url('../fonts/icomoon.ttf?ij3swp') format('truetype'),
	url('../fonts/icomoon.woff?ij3swp') format('woff'),
	url('../fonts/icomoon.svg?ij3swp#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-facebook .path1:before {
	content: "\e900";
	color: rgb(0, 0, 0);
}

.icon-facebook .path2:before {
	content: "\e901";
	margin-left: -1em;
	color: rgb(255, 255, 255);
}

.icon-instagram:before {
	content: "\e902";
}

.icon-youtube .path1:before {
	content: "\e903";
	color: rgb(0, 0, 0);
}

.icon-youtube .path2:before {
	content: "\e904";
	margin-left: -1em;
	color: rgb(255, 255, 255);
}

.icon-youtube .path3:before {
	content: "\e905";
	margin-left: -1em;
	color: rgb(0, 0, 0);
}

@font-face {
	font-family: 'Granjon LT Std';
	src: url('../fonts/GranjonLTStd.eot');
	src: url('../fonts/GranjonLTStd.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GranjonLTStd.woff') format('woff'),
		url('../fonts/GranjonLTStd.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Granjon LT Std';
	src: url('../fonts/GranjonLTStd-Italic.eot');
	src: url('../fonts/GranjonLTStd-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GranjonLTStd-Italic.woff') format('woff'),
		url('../fonts/GranjonLTStd-Italic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}

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

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

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

@font-face {
    font-family: 'Georgia';
    src: url('../fonts/Georgia-BoldItalic.eot');
    src: url('../fonts/Georgia-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Georgia-BoldItalic.woff') format('woff'),
        url('../fonts/Georgia-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

.social-icons img{
	opacity: 0.7;
}

.social-icons .icon-facebook:hover,
.social-icons .icon-instagram:hover,
.social-icons .icon-youtube:hover{
	opacity: 1;
}

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

html {
	font-size: 62.5%; /* équivalence "10px" sur l'élément racine */
}

body {
  background: #f4f4f0!important;
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body.article {
	background: #fff!important;
}

.container {
	max-width: 105rem;
}

h1, h2, h3, h4, h5, h6 {
	color: #000;
	font-family: 'Granjon LT Std', arial, sans-serif!important;
}

a:focus,
a:hover {
    color: #000!important;
}

.header {
	background: #fff;
	padding: 1.6rem 0;
	position: relative;
	z-index: 4;
	border-bottom: 0.1rem solid #e6e6e6;
}

.header .container {
	max-width: 105rem;
	text-align: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: table;
}

.header h1 {
	margin: 0;
}

.logo {
	padding: 1rem 0;
}

.logo img {
	max-width: 11.2rem;
}

.dropdown-menu {
	padding: 2rem;
	border-radius: 0;
}

.navbar-main {
	display: table-cell;
}

.navbar-main ul {
	list-style-type: none;
	padding: 5rem 0;
	margin-bottom: 0;
	text-align: center;
}

.navbar-main li {
	display: inline-block;
	padding: 0 2rem;
}

.navbar-main li.active a {
	padding: 0.8rem 0;
	border-bottom: 1px solid #000;
}

.navbar-main a {
	text-transform: uppercase;
	color: #000;
	font-size: 1.2rem;
	font-family: 'Spinnaker', arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.1rem;
    text-decoration: none;
    -webkit-transition: border-bottom 0.2s ease;
	-moz-transition: border-bottom 0.2s ease;
	-ms-transition: border-bottom 0.2s ease;
	-o-transition: border-bottom 0.2s ease;
	border-bottom: 0.1rem solid #fff;
    padding: 0.8rem 0;
    cursor: pointer;

}

.navbar-main a:hover,
.navbar-main a:focus,
.navbar-main a:active {
	color: #000;
	padding: 0.8rem 0;
	border-bottom: 0.1rem solid #000;
	text-decoration: none;
	-webkit-transition: border-bottom 0.2s ease;
	-moz-transition: border-bottom 0.2s ease;
	-ms-transition: border-bottom 0.2s ease;
	-o-transition: border-bottom 0.2s ease;
}

.navbar-main .dropdown-menu {
	padding: 0;
	border-radius: 0;
	margin: 0.7rem 0 0 2rem;
	box-shadow: none;
	min-width: 26rem;
}

.navbar-main a.dropdown-toggle {
    cursor: default;
}

.navbar-main .dropdown-toggle::after {
    border-top: none;
    border-right: none;
    border-left: none;
}

.navbar-main .dropdown-menu li {
	display: block;
	padding: 0;
}

.navbar-main .dropdown-menu li a {
	padding: 2.5rem 2rem;
	border-bottom: 1px solid #e6e6e6;
	color: #555!important;
	font-size: 1rem;
	text-align: left;
}

.navbar-header {
	display: table;
	width: 100%;
	table-layout: auto;
}

#nav .close-btn {
    display: none;
}

.logo {
	display: table-cell;
	vertical-align: top;
}

.bonus {
	display: table-cell;
	vertical-align: middle;
}

.second-line {
	padding-bottom: 1rem;
}

.second-line .dropdown,
.search-box,
.navbar-social {
	display: inline-block;
}

.search-box {
	padding: 0 1.2rem;
}

.modal-search {
    display: none;
	position: absolute;
	width: 100%;
	z-index: 3;
	background: rgb(255, 255, 255) none repeat scroll 0% 0%;
	border-top: 0.1rem solid #e6e6e6;
	height: 8.5rem;
	padding: 2rem;
	-webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.5s;
    animation-name: animatetop;
    animation-duration: 0.5s
}

.modal-search-content {
	max-width: 105rem;
	margin: 0 auto;
	position: relative;
}

.modal-search-content form {
	text-align: left;
	max-width: 30rem;
	border-bottom: 1px solid #e6e6e6;
	display: block;
	margin: 0 auto;
}

.modal-search-content form .sb-search-input {
    border: none;
	padding-bottom: 1rem;
	margin-right: 2.5rem;
	font-family: 'Granjon LT Std', arial, sans-serif;
	font-style: italic;
	font-size: 2rem;
	color: #000;
	font-weight: 500;
	min-width: 20rem;
}

.modal-search-content form .sb-search-input::-webkit-input-placeholder { /* Chrome */
  color: #000;
}

.modal-search-content form .sb-search-input:-ms-input-placeholder { /* IE 10+ */
  color: #000;
}

.modal-search-content form .sb-search-input::-moz-placeholder { /* Firefox 19+ */
  color: #000;
  opacity: 1;
}

.modal-search-content form .sb-search-input:-moz-placeholder { /* Firefox 4 - 18 */
  color: #000;
  opacity: 1;
}

.modal-search-close {
    color: #a6a6a6;
	position: absolute;
	font-size: 4rem;
	font-family: 'Granjon Lt Std', airal, sans-serif;
	right: 11rem;
	top: 0;
	line-height: 2rem;
}

.modal-search-close:hover,
.modal-search-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top: 0; opacity: 0}
    to {top: 153px; opacity: 1}
}

@keyframes animatetop {
    from {top: 0; opacity: 0}
    to {top:153px; opacity: 1}
}

.dropdown-menu.dropdown-languages {
    margin-left: 0;
	border-radius: 0;
	padding: 0;
	min-width: 7rem;
}

.navbar-social ul {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
	text-align: right;
}

.navbar-social li {
	display: inline-block;
}

.navbar-social li:last-child a {
    margin-right: 0;
}

.navbar-social a {
	padding: 0;
	margin-right: 1.2rem;
}

.navbar-social a:hover,
.navbar-social a:focus,
.navbar-social a:active,
.navbar-social a:visited {
	text-decoration: none;
}

.social-icons span {
	font-size: 20px;
	vertical-align: middle;
}

.icon-facebook .path1::before {
	color: #767676;
}

.icon-instagram:before {
	font-size: 20px;
	vertical-align: middle;
	color: #767676;
}

.icon-youtube .path1::before,
.icon-youtube .path3::before {
	color: #767676;
}

.icon-youtube:hover span.path1::before,
.icon-youtube:hover span.path3::before,
.icon-facebook:hover .path1::before,
.icon-instagram:hover:before {
	color: #000;
}

.sb-icon-search {
	cursor: pointer;
}

.zoom-icon {
    background: url(../img/zoom.png) no-repeat center center;
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
    vertical-align: middle;
    margin-bottom: 1rem;
}

.social-icons img,
.social-footer img {
    max-width: 2.2rem;
    max-height: 2.2rem;
}

.button {
	padding: 5rem 0 0 0;
	min-width: 16rem;
}

.btn.btn-languages {
	background: none;
	border: 0.1rem solid #e6e6e6;
	border-radius: 0;
	font-size: 1rem;
	font-family: arial, sans-serif;
	color: #555!important;
	font-weight: 500;
	padding: 4px 12px;
	letter-spacing: 0.1rem;
}

.btn.btn-languages.dropdown-toggle:hover {
    border: 0.1rem solid #555;
	transition: border 0.2s ease ;
}

.btn.btn-languages:focus {
	box-shadow: 0 0 0 3px rgba(0,123,255,0);
	color: #000;
	text-decoration: none;
	border: 0.1rem solid #555;
}

.dropdown-menu.dropdown-languages > li > a {
    font-size: 1rem;
	font-family: 'Spinnaker', arial, sans-serif;
	color: #555 !important;
	font-weight: 500;
	padding: 2.5rem;
	border-bottom: 1px solid #e6e6e6;
	letter-spacing: 0.1rem;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:active {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

.button-itemTop {
	position: relative;
	padding: 0;
}

.button-itemTop .button-link {
	background: #fff;
	border: 0.1rem solid transparent;
	padding: 1.1rem 2.8rem;
	position: absolute;
	right: 3rem;
	bottom: 5rem;
	transition: border 0.2s ease ;
}

.button-link {
	padding: 1rem 3rem;
	border: 1px solid #e6e6e6;
	color: #000;
	font-family: 'Granjon LT Std', arial, sans-serif!important;
    font-style: italic;
   	font-size: 2rem;
}

.content .button-link {
	display: block;
	max-width: 18rem;
	margin: 0 auto;
	padding: 1rem 2rem;
	text-align: center;
}

.content.collection-rubrique .button-link {
	clear: both;
}

.content .button {
    min-width: auto;
}

.button-link:hover,
.button-link:focus,
.button-link:active {
	color: #000;
	text-decoration: none;
	border: 0.1rem solid #555;
	transition: border 0.2s ease ;
}

.button-link-header {
	padding: 1.5rem 0;
}

.button-link-header .button-link {
	min-width: 20rem;
	padding: 1.5rem 3rem;
	display: inline-block;
}

.buy-tickets:hover {
	color: #000;
}

.content {
	max-width: 105rem;
	margin: 7rem auto;
}

.portfolio {
	width: 100%;
	max-width: 105rem;
	margin: 0 auto;
}

.portfolio-item {
	width: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    margin-bottom: 5rem;
    align-items: center;
	justify-content: center;
    background: #fff;
}

.results .portfolio-item {
	align-items: initial;
}

.portfolio-description {
    background: #fff;
    text-align: center;
    padding: 6rem;
    width: 65%;
}

.portfolio-description h2 {
	font-size: 4.5rem;
	margin-top: 0.8rem;
	margin-bottom: 0.2rem;
}

.portfolio-description h2 a {
    color: #000;
    cursor: pointer;
}

.portfolio-description h2 a:hover,
.portfolio-description h2 a:focus,
.portfolio-description h2 a:active {
    text-decoration: none;
    color: #555 !important;
	transition: 0.2s ease;
}

.portfolio-collection .portfolio-description {
    padding: 5rem;
}

.portfolio-collection .portfolio-description h1 {
	font-size: 3.5rem;
	margin-top: 0;
}

.portfolio-collection .portfolio-description h1 a {
	color: #000;
    cursor: pointer;
}

.portfolio-collection .portfolio-description h1 a:hover,
.portfolio-collection .portfolio-description h1 a:focus,
.portfolio-collection .portfolio-description h1 a:active {
    text-decoration: none;
    color: #555 !important;
}

.article-description h1 {
	font-size: 4.5rem;
	color: #000;
	line-height: 5rem;
	margin-bottom: 0;
}

.inverse-order {
	direction: rtl;
}

.inverse-order .portfolio-description {
	width: 65%;
	direction: ltr;
}

.portfolio-collection .portfolio-description .button-link {
	display: block;
	margin: 0 auto;
	max-width: 16rem;
}

.portfolio-collection .portfolio-description .button {
	padding: 2rem 0 0 0;
}

.subtitle {
	font-size: 1.3rem;
	color: #555555;
	font-family: 'Spinnaker', arial, sans-serif;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
}

.date {
    color: #555;
    font-size: 3.5rem;
	font-family: 'Granjon LT Std', arial, sans-serif!important;
	direction: ltr;
	unicode-bidi: embed;
}

.date-notice {
	color: #000;
	font-family: 'Granjon LT Std', arial, sans-serif!important;
	font-size: 1.8rem;
}

.date.date-article {
	font-size: 4.5rem;
	line-height: 5rem;
}

.portfolio-itemTop .portfolio-description {
	width: 35%;
}

.portfolio-itemTop .portfolio-figure {
	width: 65%;
}

.portfolio-collection .portfolio-description,
.portfolio-collection .portfolio-figure {
	width: 100%;
}

.portfolio-collection .portfolio-item {
	display: block;
	border: 0.1rem solid #eeeeee;
}

.portfolio-collection .portfolio-item:last-child {
    margin-bottom: 0;
}

.banner-figure img {
    width: 100%;
}

.banner-itemTop {
	position: relative;
	z-index: 1;
}

.content.article-content {
    margin: 0 auto;
	padding-top: 4rem;
	position: relative;
	display: table;
	width: 100rem;
	table-layout:fixed;
}

.article-header {
    text-align: center;
    margin-bottom: 6rem;
}

.article-content .blog-post .text p {
	font-size: 1.8rem;
	line-height: 3.2rem;
	font-family: 'Georgia', arial, sans-serif;
	margin: 0 0 3rem;
}

.article-content .blog-post .text .postscriptum p {
	font-size: 1.5rem;
	line-height: 3.2rem;
	font-family: 'Georgia', arial, sans-serif;
	margin: 0 0 3rem;
}

.article-content .blog-post .text .texteencadre-spip {
	font-size: 1.8rem;
	line-height: 3.2rem;
	font-family: 'Georgia', arial, sans-serif;
	margin: 0 0 3rem;
}

.article-content .blog-post .chapo p {
	font-size: 2.4rem;
	font-family: 'Granjon LT Std', arial, sans-serif !important;
	line-height: 3.6rem;
	margin: 0 0 3rem;
	color: #000;
}

.article-content .img-legend {
	font-size: 1.4rem;
	color: #555;
	font-family: 'Georgia', arial, sans-serif;
	text-align: center;
	margin-bottom: 3rem;
}

.article-content img {
    height: auto;
    width: 100%;
}

.article-content .blog-post img {
    height: auto;
    width: auto;
}

.img-text {
	width: 100%;
}

.sidebar-module .inner {
	list-style-type: none;
	margin-bottom: 0;
	padding-left: 2rem;
}

.sidebar-module .inner .list-group-item {
	border: none;
}

.sidebar-module .inner li {
    border:none;
}

.sidebar-module .list-group-item {
	padding: 0;
	position: relative;
}

.sidebar-module .inner .list-group-item {
	padding-bottom: 0;
}

.sidebar-module .list-group-item a {
	border-top: none;
	text-transform: uppercase;
	color: #555 !important;
	font-size: 1rem;
	font-family: 'Spinnaker', arial,sans-serif;
	letter-spacing: 0.1rem;
	cursor: pointer;
	display: block;
	padding: 2rem 4rem 2rem 2rem;
}

.sidebar-module .list-group-item a:hover,
.sidebar-module .list-group-item a:focus,
.sidebar-module .list-group-item a:active {
	text-decoration: none;
	transition: padding-left 0.2s;
	padding-left: 3.6rem;
}

.sidebar-module .list-group-item.active a:hover,
.sidebar-module .list-group-item.active a:focus,
.sidebar-module .list-group-item.active a:active {
	transition: none;
}

.sidebar-module .list-group-item.active a:hover::before,
.sidebar-module .list-group-item.active a:focus::before,
.sidebar-module .list-group-item.active a:active::before {
	display: none;
	padding-left: 0;
	transition: none;
	cursor: none;
}

.sidebar-module .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.sidebar-module .list-group-item.active-selected,
.sidebar-module .list-group-item:hover,
.sidebar-module .list-group-item:focus,
.sidebar-module .list-group-item:active {
	background: none;
}

.sidebar-module .list-group-item.active-selected > a:before {
	display: inline-block;
	position: absolute;
	left: 1.5rem;
	top: 2.4rem;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 0 3px 5px;
	border-color: transparent transparent transparent #000000;
	margin-left: 0.7rem;
	vertical-align: middle;
	opacity: 1;
}

.sidebar-module .list-group-item.active-selected a:hover::before,
.sidebar-module .list-group-item a:hover::before,
.sidebar-module .list-group-item a:hover::before,
.sidebar-module .list-group-item a:hover::before {
	display: inline-block;
	position: absolute;
	left: 1.5rem;
	top: 2.4rem;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 0 3px 5px;
	border-color: transparent transparent transparent #000000;
	margin-left: 0.7rem;
	vertical-align: middle;
	opacity: 1;
	transition: 0.2s ease;
}

.sidebar-module .list-group-item:last-child {
    border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.sidebar-module .list-group-item.active {
	background-color: #f0f0f0 !important;
	border: 0.1rem solid #f0f0f0 !important;
	padding: 0.8rem 0 0.8rem 0;
}

.sidebar-module .list-group-item.active a:hover,
.sidebar-module .list-group-item.activ a:focus,
.sidebar-module .list-group-item.active a:active {
	font-weight: normal;
	transition: none;
	padding-left: 2rem;
}

.next-events {
	background: #fff;
	max-width: 105rem;
	margin: 0 auto;
}

.next-events .container {
    background: #fff;
    margin-top: 4rem;
}

.event {
	border-right: 0.1rem solid #f4f4f0;
	text-align: center;
	padding-top: 5rem;
}

.event .button {
	margin: 0rem 0 5rem 0;
}

.event h3 {
	font-size: 3.5rem;
	margin-top: 0.1rem;
	margin-bottom: 0.2rem;
}

.event h3 a {
	color: #000;
	cursor: pointer;
}

.event h3 a:hover,
.event h3 a:focus,
.event h3 a:active {
	text-decoration: none;
	color: #555 !important;
}

.event .date {
	font-size: 2.4rem;
}

.event-img {
	width: 100%;
	max-width: 22rem;
	height: 22rem;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto 4rem auto;
	display: block;
	position: relative;
}

.event-img img {
	width: 22rem;
	left: 0;
	top: -5rem;
	position: absolute;
}

.event.no-border {
	border-right: none;
}

.video, .gallery-slider {
    background-color: #000;
    text-align: center;
    margin-top: 4rem;
    padding: 3rem 0 7rem 0;
    position: relative;
    margin-bottom: 4rem;
}

.gallery-slider img {
	margin: 0 auto;
	max-width: 51.5rem!important;
	cursor: pointer;
	vertical-align: middle;
	display: inline !important;
}

.gallery-slider .carousel-inner {
    margin: 0 auto;
    min-height: 50rem;
    line-height: 50rem;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    background: url(../img/left-arrow.png) no-repeat center center;
    width: 6.1rem!important;
    height: 2.5rem!important;
    opacity: 1;
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    background: url(../img/right-arrow.png) no-repeat center center;
    width: 6.1rem!important;
    height: 2.5rem!important;
    opacity: 1;
}

.glyphicon-chevron-left::before,
.glyphicon-chevron-right::before {
    content: ""!important;
}

.embed-responsive-item {
	width: 100%;
}

.subtitle.light-title {
	color: #dedede;
	margin-top: 1.5rem;
	display: block;
}

h2.light-title {
	font-size: 5rem;
	margin-top: 0;
	margin-bottom: 4rem;
	color: #fff;
	line-height: 5rem;
}

h2.light-title a {
    color: #fff;
    cursor: pointer;
}

h2.light-title a:hover,
h2.light-title a:focus,
h2.light-title a:active {
    text-decoration: none;
    color: #fff!important;
}

.practical-infos {
	background: #fff;
	max-width: 105rem;
	width: 100%;
	margin: 7rem auto 4rem auto;
}

.practical-infos h2 {
	display:block;
    font-size: 3.5rem;
	padding-bottom: 1.5rem;
	line-height: 3.5rem;
}

.practical-infos h2 a {
    cursor: pointer;
    color: #000;
}

.practical-infos h2 a:hover,
.practical-infos h2 a:focus,
.practical-infos h2 a:active {
    text-decoration: none;
}

.practical-infos p {
	font-size: 1.6rem;
	font-family: 'Georgia';
}

.museum-img {
    padding: 3rem;
    display: table-cell;
}

.museum-img figure {
	text-align: center;
}

.download-btn img {
    max-width: 13.5rem;
}

.googleplay {
	width: 13.5rem;
	height: 4rem;
	margin-right: 3rem;
	border: none;
}

.appstore {
	width: 13.5rem;
	height: 4rem;
	border: none;
}

.map {
	display: table-cell;
	vertical-align: top;
	max-width: 700px;
	border-left: 0.1rem solid #f4f4f0;
	padding-bottom: 1%;
}

.applications {
    text-align: center;
    padding: 4rem 0 6rem 0;
}

.practical-infos .applications h2 {
    font-size: 3.5rem;
    padding-bottom: 3.5rem;
    line-height: 3.5rem;
}

.footer-nav {
	max-width: 105rem;
	margin: 0 auto;
	clear: both;
}

.navbar-footer ul {
    list-style-type: none;
    padding-left: 0;
}

.navbar-footer li {
    display: inline-block;
    padding: 0 1rem;
    margin-bottom: 1.3rem;
}

.navbar-footer a {
	color: #555;
	font-size: 1.1rem;
	text-transform: uppercase;
	font-family: 'Spinnaker', arial, sans-serif;
	letter-spacing: 0.1rem;
	text-decoration: none;
	-webkit-transition: border-bottom 0.2s ease;
	-moz-transition: border-bottom 0.2s ease;
	-ms-transition: border-bottom 0.2s ease;
	-o-transition: border-bottom 0.2s ease;
}

.navbar-footer a:hover,
.navbar-footer a:focus,
.navbar-footer a:active {
    border-bottom: 0.1rem solid #000;
    text-decoration: none;
    padding: 0.8rem 0;
    -webkit-transition: border-bottom 0.2s ease;
	-moz-transition: border-bottom 0.2s ease;
	-ms-transition: border-bottom 0.2s ease;
	-o-transition: border-bottom 0.2s ease;
}

.social-footer {
	list-style-type: none;
	padding-left: 0;
}

.social-footer li {
	display: inline-block;
}

.social-footer a {
	display: inline-block;
	margin-left: 1.5rem;
}

.social-footer-responsive {
	display: none;
}

.bottom-footer p {
	background-color: transparent;
	text-align: center;
	padding-top: 3rem;
	font-family: 'Georgia', arial, sans-serif;
	font-size: 1.58rem;
}

.bottom-footer .kinoshita {
	padding-left: 1rem;
}

.bottom-footer p.louvre {
	font-size: 1.2rem;
}

.louvre span {
	display: block;
	padding-bottom: 4rem;
}

#nav-close-btn.close-btn {
	opacity: 0;
	display: none;
	z-index: 100;
	width: 12rem;
	height: auto;
	white-space: nowrap;
	position: absolute;
	right: 2rem;
	color: #000;
	font-size: 1.5rem;
	top: 6rem;
	line-height: 4rem;
	border: 0.1rem solid #e6e6e6;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	position: absolute;
	text-indent: initial;
	text-align: center;
}

.close-btn.selected #nav-open {
	display: none;
}

#top {
    text-align: center;
	text-transform: uppercase;
	font-family: 'Spinnaker', arial,sans-serif;
	font-size: 0.9rem;
	color: #555;
	border: 0.1rem solid #eeeeee;
	height: 7.5rem;
	right: 0;
	width: 7.5rem;
	min-width: 7.5rem;
	padding: 0.8rem;
	letter-spacing: 0.1rem;
	cursor: pointer;
	float: right;
	margin-top: 4rem;
	margin-bottom: 4rem;
}

#top img {
	width: 1.4rem;
	height: 0.6rem;
	display: block;
	margin: 1rem auto 0.8rem auto;
}

#top a {
    color: #555;
    display: block;
    text-decoration: none;
}

#top:hover {
    border: 0.1rem solid #555;
    color: #000;
    text-decoration: none;
}


#top:hover a {
    color: #000;
    text-decoration: none;
}

#top a:hover {
    text-decoration: none;
}

.legend {
	position: absolute;
	right: 0;
	bottom: 3rem;
	width: 20rem;
	line-height: normal;
}

.legend span {
    display: block;
    text-align: left;
    color: #fff;
    font-family: 'Georgia', arial, sans-serif;
    font-size: 1.4rem;
    max-width: 20rem;
}

.legend p {
	display: block;
	text-align: left;
	color: #fff;
	font-family: 'Georgia', arial, sans-serif;
	font-size: 1.4rem;
	max-width: 20rem;
}

.blog-post h2 {
	font-family: 'Granjon LT Std', arial, sans-serif;
	font-size: 3.5rem;
	margin-top: 0;
	margin-bottom: 3rem;
	color: #000;
}

.blog-post h3 {
	font-family: 'Granjon LT Std', arial, sans-serif!important;
	font-weight: bold;
	font-size: 2.7rem;
	margin: 3rem 0;
	color: #000;
}

.blog-post h4 {
	font-family: 'Granjon LT Std', arial, sans-serif!important;
	font-size: 2.5rem;
	margin: 3rem 0;
	color: #000;
}

.blog-post ul,
.blog-post ol {
    padding-left: 1.5rem;
    margin-bottom: 3rem;
}

.blog-post li {
    margin-bottom: 1rem;
	font-size: 1.7rem;
	font-family: 'Georgia', arial, sans-serif;
	line-height: 3rem;
}

.blog-post .references li {
	margin-bottom: 1rem;
	font-size: 1.5rem;
	font-family: 'Georgia', arial, sans-serif;
	line-height: 3rem;
}

.blog-post a {
    margin-bottom: 1rem;
	font-family: 'Georgia', arial, sans-serif;
	text-decoration: underline;
	color: #000;
}

.blog-post .chapo a {
	margin-bottom: 1rem;
	font-family: 'Granjon LT Std', arial, sans-serif;
	text-decoration: underline;
	color: #000;
}

.blog-post a:hover {
	color: #555!important;
}

.kinoshita {
    line-height: 1.5rem;
}

.kinoshita img {
	max-width: 13.7rem;
}

.bottom-logo {
	text-align: center;
	display: block;
	margin-top: 3rem;
	margin-bottom: 6rem;
}

.bottom-logo img {
	max-width: 13rem;
}

#languages-responsive {
	display: none;
}

.blog-sidebar-responsive {
	display: none;
}

.footer-nav .row:before, .footer-nav .row:after {
	content:"";
	display: inline;
}

.bottom-footer {
	clear: both;
}

.blog-sidebar {
	padding-right: 35px!important;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.carousel-caption {
  position: relative;
  left: 0%;
  right: 0%;
  bottom: 0px;
  z-index: 10;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #000;
  text-shadow: none;
}

.carousel {
    position: relative;
}

.controllers {
    position: absolute;
    top: 0px;
}

.carousel-control.left,
.carousel-control.right {
    background-image: none!important;
}

#myModal-responsive {
	display: none;
}

#posts { margin: 3rem auto 0; }

.post {
	margin: 0 0 5rem;
	text-align: center;
	width: 100%;
}

.post img {
	width: 100%;
	margin-bottom: 1.5rem;
}

.post img:hover,
.post img:focus,
.post img:active  {
	-webkit-filter: brightness(110%);
	filter: brightness(110%);
	transition: 0.2s ease;
}


#posts .post:nth-child(even) p,
#posts .post:nth-child(even) small {
	padding: 0 2rem;
}

#grid.container .post img { padding: 0; }

#grid {
	position: relative;
	margin-top: 2rem;
	clear: both;
}

#grid.container {
	left: auto;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

#grid > #posts .post { width: 50%; float: left;}

#posts p {
    text-align: left;
    padding: 0 2rem;
    margin: 0 0 0.5rem 0;
    font-size: 1.5rem;
    font-family: 'Georgia', arial, sans-serif;
    line-height: 2rem;
}

#posts small {
    text-align: left;
    display: block;
    padding: 0 2rem;
    color: #555;
    font-size: 1.5rem;
    font-family: 'Georgia', arial, sans-serif;
}

.content.notice-content {
	margin: 5rem auto;
	padding-top: 0;
}

.article-content .blog-post .notice-illustration img {
	margin-top: 4rem;
	width: 100%;
	cursor: auto;
}

.notice-description {
	text-align: center;
}

.notice-description h1 {
	font-family: 'Granjon LT Std', arial, sans-serif!important;
	font-size: 7.2rem;
	color: #000;
	line-height: 7rem;
	margin-top: 1rem;
}

.notice-description .subtitle {
	font-size: 1.1rem;
}

.notice-description .date {
	font-size: 1.8rem;
}

.right-arrow-article {
	text-align: right;
}

.left-arrow-article img,
.right-arrow-article img {
    max-width: 3.5rem;
}

.notice-header .row,
.notice-footer .row {
	display: table;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.notice-footer {
    margin-top: 10rem;
    margin-bottom: 5rem;
}

.left-arrow-article,
.right-arrow-article,
.notice-description {
	display: table-cell;
	float: none!important;
	vertical-align: middle;
	max-width: 100%;
}

.article-content .blog-post .references p {
    font-size: 1.5rem;
}

.enlargeImg_wrapper {
	display: none;
	position: fixed;
	z-index: 999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	text-align: center;
	overflow: auto;
}

.enlargeImg_wrapper img {
	height: auto;
	width: 100%;
}

.article.has-popup {
	overflow: hidden;
}

.close-popup {
    width: 5rem;
    height: 6rem;
    display: block;
    position: fixed;
    top: 3rem;
    right: 4.5rem;
    cursor: pointer;
}

.close-popup::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.close-popup::before,
.close-popup::after {
    content: '';
	position: fixed;
	height: 2px;
	width: 3.8rem;
	top: 5.5rem;
	right: 5rem;
	background: #c2bfc2;
	cursor: pointer;
	display: block;
}

.close-popup::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.notice-illustration {
	margin-bottom: 6rem;
	position: relative;
}

.notice-illustration .zoom-dark,
.notice-illustration .enlargeImg {
	display: inline-block;
}

.notice-content .article-content .blog-post .zoom-dark {
	width: 2.4rem;
	margin-top: 0;
	vertical-align: bottom;
	cursor: pointer;
	position: absolute;
	bottom: 2rem;
	right: -5rem;
}

.notice-content .notice-footer {
	margin-bottom: 0;
}

.postscriptum {
    padding: 3rem 4rem;
    border: 0.1rem solid #eeeeee;
	font-weight: normal;
	font-family: 'Georgia';
	font-size: 1.5rem;
	line-height: 3rem;
}

.postscriptum dl {
	margin-bottom: 0;
}

#myCarousel .enlargeImg_wrapper {
    background-size: 100%;
}

.col-md-6.rubrique-col-left {
	padding-right: 3rem;
}

.col-md-6.rubrique-col-right {
	padding-left: 3rem;
}

.collection-rubrique.article-content #grid p {
    margin: 0;
}

.liste-article-description {
    padding: 4rem;
    width: 60%;
    text-align: left;
}

.liste-article-description h2 {
    font-size: 3rem;
    margin-top: 0.8rem;
    margin-bottom: 0.2rem;
}

.liste-article-description h2 a {
    color: #000;
    cursor: pointer;
}

.liste-article-description h2 a:hover,
.liste-article-description h2 a:focus,
.liste-article-description h2 a:active {
    text-decoration: none;
}

.liste-article-description .date {
    font-size: 2.2rem;
}

.portfolio-liste-article {
	border: 0.1rem solid #f0f0f0;
}

.portfolio-item.portfolio-liste-article .portfolio-figure {
	width: 40%;
}

.portfolio-liste-article:last-child {
	margin-bottom: 0;
}

.content-unload {
	display: none;
}

.loading-button {
	text-align: center;
}

.loading-button a {
    font-size: 2rem;
    text-decoration: none;
}

.notice-video {
	margin: 4rem 0;
}

.kinoshita img {
    	vertical-align: top;
    	padding-top: 0.3rem;
}

.results .portfolio-item.portfolio-liste-article .portfolio-figure {
    width: 40%;
}

.results .modal-search-content form {
    max-width: 45rem;
    border-bottom: 1px solid #777777;
}

.results .modal-search-content form .sb-search-input {
	margin-right: 0;
	font-size: 4rem;
	display: inline-block;
	vertical-align: middle;
	min-width: 38rem;
}

.search-box .sb-search button {
    background: none;
    border: none;
}

.post a {
    color: #555;
    font-size: 1.5rem;
    font-family: 'Georgia', arial, sans-serif;
}

.post a:hover {
	text-decoration: none;
}

.sidebar-module .list-group-item.active-selected > a {
	padding-left: 3.6rem;

}

.spip_documents img {
    width: auto;
    height: auto;
}

.spip_documents img,
audio,
canvas,
video,
iframe,
object{
	max-width: 100%;
}

#map {
  height: 350px;
}

#buttons{
	padding:0.4em;
	font-size:0.8em;
    font-family:Verdana, Geneva, sans-serif;
}

#buttons label img {
	vertical-align: middle;
}

#buttons label {
	margin-right:1em;
}

.infobulle h4 {
	margin:0.2em 0;
}

.infobulle p {
	font-size:85%;
	color:#666;
}

.paging-list {
	width: auto;
	margin: 0 auto;
	display: table;
}

.paging-list .lien_pagination {
	display: table-cell;
	border: 0.1rem solid #e6e6e6;
	width: 4.8rem;
	height: 4.8rem;
	padding: 1.5rem;
	text-align: center;
	line-height: 2rem;
	text-decoration: none;
	float: left;
	vertical-align: middle;
	color: #000;
}

.paging-list .lien_pagination:hover {
	border: 0.1rem solid #000;
}

.paging-list .sep.separateur {
	display: none;
}

.paging-list .on {
	display: table-cell;
	vertical-align: middle;
	border: 0.1rem solid #000;
	padding: 1.5rem;
	float:left;
	width: 4.8rem;
	height: 4.8rem;
	text-align: center;
}

.content-home .portfolio-item img {
    max-width: 42rem;
}

.notice-content .content.article-content {
    width: 100%;
    max-width: 100%;
}

.social-footer {
	text-align: center;
}

.navbar-footer {
   	text-align: center;
   	padding-bottom: 2rem;
}

blockquote {
	padding: 10px 30px;
	margin: 0 0 20px;
	border-left: 1px solid #eee;
}
.article-content .blog-post .text blockquote p {
	font-family: 'Granjon LT Std', arial, sans-serif!important;
	font-size: 2.2rem;
	font-style: italic;
	line-height: 4rem;
}

.article-content .blog-post .text .spip_doc_titre {
	width: 100%!important;
	font-family: 'Georgia', arial, sans-serif!important;
	font-size: 1.5rem;
	line-height: 4rem;
	color: #798081;
	text-align: center;
	font-weight: normal;
}

.article-content .blog-post .text .spip_doc_descriptif {
	width: 100%!important;
	font-family: 'Georgia', arial, sans-serif!important;
	font-size: 1.5rem;
	line-height: 4rem;
	color: #798081;
	text-align: center;
	font-weight: normal;
}

@media screen and (max-width: 1200px) {
	.container {
		max-width: 100%;
	}

	.content {
	    margin: 0 auto;
	    padding: 5rem 5rem 0 5rem;
	}

	.notice-content .content {
		padding: 5rem 5rem 0 5rem;
		display: block;
	}

	.content.article-content {
		width: 100%;
	}

	.content.article-content.collection-rubrique {
    	display: block;
	}

	.content-home .portfolio-item img {
		width: 100%;
	}

	.event {
		border-right: 0.1rem solid #f4f4f0;
	}

	.event-img {
		max-width: 19rem;
		height: 19rem;
	}

	.navbar-social a {
    	padding: 0;
    	background-size: 100%;
    	margin-right: 0.7rem;
	}

	.social-icons img {
    	max-width: 2rem;
    	max-height: 2rem;
	}

	.button-link-header .button-link {
		font-size: 1.7rem;
		min-width: 19rem;
	}

	.navbar-footer li {
    	padding: 0 0.9rem;
	}

	.navbar-footer a {
    	font-size: 0.9rem;
	}

	.social-footer a {
    	margin-left: 1.4rem;
	}

	.louvre img {
		max-width: 12.9rem;
	}

	#top {
		right: 3rem;
		margin-bottom: 5rem;
	}

	.wrapper-practical-infos {
    	max-width: 105rem;
    	margin: 7rem auto 0 auto;
    	padding: 0 5rem;
    	clear: both;
	}

	.museum-img {
		max-width: 42rem;
	}

	.footer-nav.col-rubrique {
		margin: 0 auto;
	}

	.practical-infos {
		max-width: 105rem;
	}

	.googleplay {
    	margin-right: 1rem;
	}

	.event-img img {
	    width: 21rem;
	    left: -2rem;
	    top: -6rem;
	}

	.notice-description h1 {
    	font-size: 6.5rem;
	}
}

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

	.navbar-main a {
		padding: 0.8rem 0;
		border-bottom: 0.1rem solid #fff;
		font-size: 1rem;
	}

	.navbar-main a:hover,
	.navbar-main a:focus,
	.navbar-main a:active {
    	padding: 0.8rem 0;
    	border-bottom: 0.1rem solid #000;
		text-decoration: none;
		-webkit-transition: border-bottom 0.2s ease;
		-moz-transition: border-bottom 0.2s ease;
		-ms-transition: border-bottom 0.2s ease;
		-o-transition: border-bottom 0.2s ease;
	}

	.navbar-main .dropdown-menu {
    	margin: 0.6rem 0 0 1rem;
	}

	.button-link-header .button-link {
    	padding: 1.5rem 3rem;
		min-width: 18rem;
	}

	.search-box {
    	padding: 0 0.8rem;
	}

	.subtitle {
    	font-size: 1.4rem;
	}

	.portfolio-description,
	.inverse-order .portfolio-description {
    	width: 55%;
    	padding: 3rem;
	}

	.portfolio-figure,
	.inverse-order .portfolio-figure {
       	width: 45%;
	}

	.practical-infos h2 {
    	font-size: 3rem;
		line-height: 3rem;
	}

	.portfolio-description h2 {
	    font-size: 3.5rem;
	}

	.date {
    	font-size: 2.2rem;
	}

	.event {
		border-right: none;
		border-bottom: 0.1rem solid #f4f4f0;
	}

	.event h3 {
    	font-size: 3.5rem;
    	min-height: auto;
	}

	.event .date {
    	font-size: 2.2rem;
	}

	.sidebar-module .list-group-item {
    	font-size: 0.9rem;
	}

	.navbar-main li {
    	padding: 0 1rem;
	}

	.sidebar-module .list-group-item.active-selected > a:before {
    	top: 2.4rem;
	}
}

@media screen and (max-width:992px) {
	.content {
    	padding: 10rem 10rem 0 10rem;
    	max-width: 85rem;
	}

	.content-home .content {
    	padding: 5rem 5rem 5rem 5rem;
    	max-width: auto;
	}

	.content.notice-content {
    	padding: 5rem;
	}

	.blog-sidebar {
		display: none;
		max-width: 100%;
	}

	.blog-main {
		display: block;
		max-width: 100%;
		flex: unset;
	}

	.blog-sidebar-responsive {
		display: block;
		margin: 4rem 0 0 0;
		max-width: 100%;
	}

	#top {
		bottom: -2rem;
		right: 5rem;
	}

	.video, .gallery-slider {
    	margin-top: 0;
	}

	.notice-content .video {
		margin-top: 4rem;
	}

	.header .container {
		width: 100%!important;
	}

	.carousel-control .glyphicon-chevron-right,
	.carousel-control .glyphicon-chevron-left {
		bottom: 5%;
		top: auto!important;
	}

	.legend {
		margin: 2rem auto;
		display: block;
		width: 100%;
		max-width: 18rem;
		position: static;
	}

	.portfolio-collection .portfolio-item:last-child {
    	margin-bottom: 0;
	}

	.sidebar-module .list-group-item.active-selected a:hover::before,
	.sidebar-module .list-group-item a:hover::before,
	.sidebar-module .list-group-item a:hover::before,
	.sidebar-module .list-group-item a:hover::before {
    	top: 2.4rem;
	}

	.results .portfolio-liste-article {
    	display: block;
	}

	.results .portfolio-item.portfolio-liste-article .portfolio-figure {
    	width: 40%;
    	display: block;
    	margin: 0 auto;
	}

	.liste-article-description {
    	text-align: center;
	}

	.results .modal-search-content form .sb-search-input {
    	background-color: #fff;
    	font-size: 3.5rem;
    	min-width: 25rem;
		max-width: 25rem;
    }

	.results .modal-search-content form {
    	max-width: 35rem;
	}

	.results .liste-article-description {
		width: 100%;
	}

	.article-content .blog-post .img-text img {
    	width: 100%;
	}
}

@media screen and (max-width:807px) {
	.portfolio-item {
	    align-items: initial;
	    justify-content: initial;
	}
}

@media screen and (min-width:769px) {
	.navbar-main li.dropdown:hover > ul.dropdown-menu {
		display: block;
	}
}

@media screen and (max-width:768px) {
	.content {
	    margin: 0 auto;
	}

	.museum-img {
		max-width: 100%;
		text-align: center;
		display: block;
	}

	.map{
		display: block;
		max-width: 100%;
		width: 100%!important;
	}

	.header .container {
		text-align: left;
		display: block;
		padding-left: 0;
    	padding-right: 0;
	}

	.portfolio-description {
    	padding: 1.8rem;
    }

	.portfolio-description h2 {
	    font-size: 2.8rem;
	}

	.portfolio-collection .portfolio-description h1 {
	    font-size: 2.8rem;
	}

	.practical-infos h2 {
    	font-size: 3rem;
    	line-height: 3rem;
	}

	.practical-infos p {
		font-size: 1.2rem;
	}

	.logo {
		padding: 2rem;
	}

	.logo, .right {
		display: block;
	}

	.right {
    	width: 100%;
    	position: absolute;
	}

    .navbar-main a {
    	border-bottom: none;
		font-size: 1.5rem;
	}

    .navbar-main .dropdown-menu {
    	margin: 0;
	}

    .navbar-social a {
    	margin-right: 0.7rem;
	}

    .navbar-main ul {
    	padding: 0;
    	position: relative;
	}

	.navbar-main li {
    	display: block;
    	padding: 2rem 0;
    	border-bottom: 0.1rem solid #e0e0e0;
	}

	.navbar-main {
		display: block;
	}

	.navbar-main .dropdown-menu li {
		padding: 0;
		border-bottom: 0;
	}

	.navbar-main .dropdown-menu li a {
		text-align: center;
	}

	.navbar-main .dropdown-menu {
	    width: 100%;
	    margin: 2rem 0;
		background: #fafaf5;
	}

	.navbar-main .dropdown:last-child .dropdown-menu {
    	margin: 2rem 0 4rem 0;
	}

	.bonus {
    	display: block;
    	text-align: center;
    }

	.nav-btn {
	    z-index: 100;
		width: auto;
		height: auto;
		white-space: nowrap;
		position: absolute;
		right: 2rem;
		color: #000;
		font-size: 1.5rem;
		top: 9rem;
		line-height: 4rem;
		border: 0.1rem solid #e6e6e6;
	}

	.nav-btn:before {
	    content: "";
		background: url(../img/nav-burger.png) 20% center no-repeat;
		display: inline-block;
		width: 1.6rem;
		height: 1.7rem;
		vertical-align: middle;
		margin-left: 2rem;
	}

	.nav-btn:after {
	    content: "MENU";
		display: inline-block;
		padding-left: 1rem;
		margin-right: 2rem;
		font-family: 'Spinnaker', arial, sans-serif;
		letter-spacing: 0.1rem;
		font-size: 1.5rem;
		vertical-align: middle;
	}

	#nav-close-btn.close-btn.selected {
		display: block;
		top: 9rem;
		right: 2rem;
		text-decoration: none;
		text-indent: initial;
		text-transform: uppercase;
		color: #484874;
		opacity: 1;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-ms-transition: all 1s;
		-o-transition: all 1s;
		font-family: 'Spinnaker', arial, sans-serif;
		letter-spacing: 0.1rem;
	}

	#nav-close-btn.close-btn.selected .nav-btn {
		display: none;
	}

	.button-link-header {
	    padding: 4.5rem 0;
	}

	.second-line {
    	padding-bottom: 3rem;
	}

	.navbar-social a {
    	margin-right: 1.5rem;
	}

	.wrapperNav {
		overflow: hidden;
	}

	.wrapperNav.selected {
		overflow: initial;
	}

	#navigation {
		display: block;
		width: 100%;
		left: 0;
		opacity: 0;
		background-color: #f4f4f0;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-ms-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
		z-index: 2;
		position: absolute;
	}

	.wrapperNav #navigation.selected {
		opacity: 1;
	}

	.btn.btn-languages {
		border: none;
		font-size: 1.2rem;
		border: 0.1rem solid transparent;
	}

	.button.button-itemTop {
		padding: 0;
	}

	.event.no-border {
		border-bottom: none;
	}

	.event {
		border-right: none;
		width: 100%;
		margin: 0 auto;
		padding: 5rem 3rem 0 3rem;
	}

	.event-img {
		max-width: 16rem;
		height: 16rem;
	}

	.next-events .container {
		padding: 3.5rem;
	}

	.button {
		padding: 3rem 0;
	}

	.modal-search-close {
    	right: 0;
	}

	.social-icons img {
    	max-width: 2.6rem;
    	max-height: 2.6rem;
	}

	#languages-move {
		display: none;
	}

	#languages-responsive {
    	position: absolute;
    	right: 3rem;
    	top: 4rem;
    	display: block;
	}

	#top {
		display: none!important;
	}

	.carousel-control .glyphicon-chevron-right,
	.carousel-control .glyphicon-chevron-left {
		background-size: 60%;
		bottom: 2%!important;
	}

	#myModal-responsive {
		display: block;
		background-color: #f4f4f0;
		margin-top: 3rem;
	}

	.search-box {
		display: none;
	}

	.results .search-box {
    	display: inline-block;
	}

	.modal-search-responsive .search-box {
		display: inline-block;
	}

	.modal-search-content form .sb-search-input {
    	background-color: #f4f4f0;
	    font-size: 1.8rem;
	    display: inline-block;
	    margin-right: 0;
	    max-width: 22rem;
	    min-width: auto;
	}

	.results .modal-search-content form .sb-search-input {
    	background-color: #fff;
    	min-width: 20rem;
    	max-width: 29rem;
    	font-size: 3.5rem;
	}

	.results .modal-search-content form {
    	max-width: 33rem;
	}

	.sidebar-module .list-group-item.active-selected a:hover::before,
	.sidebar-module .list-group-item a:hover::before,
	.sidebar-module .list-group-item a:hover::before,
	.sidebar-module .list-group-item a:hover::before {
    	top: 2.5rem;
	}

	.sidebar-module .list-group-item.active-selected a::before {
		top: 2.4rem;
	}

	#grid.container {
		left: auto;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	#grid > #posts .post { width: 100%; float: none;}

	.post:nth-child(even) img {
		padding-right: 0;
		padding-left: 0;
	}

	.post:nth-child(odd) img {
		padding-right: 0;
		padding-left: 0;
	}

	#posts .post:nth-child(even) p,
	#posts .post:nth-child(even) small {
		padding: 0 2rem;
	}

	.portfolio-collection .portfolio-item:last-child {
    	margin-bottom: 0;
	}

	.left-arrow-article img,
	.right-arrow-article img {
    	max-width: 3.5rem;
    	min-width: 3.5rem;
	}

	.event-img img {
    	width: 18rem;
    	left: -2rem;
    	top: -5rem;
	}

	.notice-content img {
    	width: 100%;
	}

	.notice-content .zoom-dark {
    	margin-top: 2rem;
    	float: right;
    	position: static;
	}

	.liste-article-description {
    	text-align: center;
	}

	.notice-footer.container {
	    margin-top: 7rem;
	    margin-bottom: 5rem;
	    border-bottom: 0.1rem solid #e6e6e6;
	    padding-bottom: 7rem;
	    padding-left: 0;
	    padding-right: 0;
	}

	.blog-sidebar-responsive {
    	margin: 5rem 0 0 0;
	}

	.results .portfolio-item.portfolio-liste-article .portfolio-figure {
    	width: 100%;
    	text-align: center;
    	margin: 0 auto;
	}

	.post {
    	padding: 0;
	}

	.post:nth-child(2n) {
       	padding-left: 0;
	}

	.gallery-slider .carousel-inner {
    	min-height: 50rem;
    	line-height: 50rem;
	}

	.notice-content .article-content .blog-post .zoom-dark {
	    position: static;
	    margin-top: 1.5rem;
	}

	.rubrique-col-left,
	.rubrique-col-right {
		max-width: 100%!important;
	}
}

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

	body {
		background: #fff!important;
	}

	.content {
    	padding: 3rem;
	}

	.article-content .blog-post .chapo p {
    	font-size: 2.4rem;
		line-height: 3.4rem;
		color: #000;
	}

	.portfolio-item.portfolio-itemTop {
		flex-direction: column-reverse;
	}

	.portfolio-item {
		display: block;
	}

	.portfolio-item .portfolio-figure {
		width: 80%;
	}

	.portfolio-itemTop .portfolio-description,
	.portfolio-itemTop .portfolio-figure {
		width: 100%;
	}

	.portfolio-item.portfolio-itemTop .portfolio-figure {
		height: 64.2rem;
	}

	.portfolio-item .portfolio-figure {
		display: block;
		margin: 0 auto;
	}

	.portfolio-description h2 {
    	font-size: 3.5rem;
	}

	.portfolio-item .portfolio-description {
		width: 100%;
		padding: 2rem;
		border-bottom: 1px solid #dedede;
		margin: 0 auto;
		display: block;
	}

	.portfolio-collection .portfolio-item .portfolio-description {
    	padding: 3rem;
	}

	.portfolio-collection .portfolio-item .portfolio-figure {
		width: 100%;
	}

	.next-events .container {
		margin-top: 0;
		padding: 0;
	}

	.museum-img {
	    max-width: 100%;
	    margin: 0 auto;
	    text-align: center;
	    display: block;
	    padding: 0;
	}

	.museum-img img {
		max-width: 12rem;
		padding-bottom: 1rem;
	}

	.practical-infos .map{
		width:100%!important;
		display: block;
		vertical-align: top;
		border-left: none;
		margin-top: 5rem;
	}

	.bottom-footer .kinoshita {
       	display: block;
	}

	.applications {
		width: 100%;
		margin: 0 auto;
		padding-bottom: 5rem;
		border-bottom: 1px solid #e0e0e0;
	}

	.navbar-footer {
		padding-bottom: 0;
	}

	.navbar-footer a {
    	font-size: 1.2rem;
    	line-height: 3rem;
	}

	.navbar-footer li {
		padding-bottom: 2rem;
		display: block;
		text-align: center;
	}

	.btn.btn-languages {
	    border: none;
	}

	.download-btn img {
    	max-width: 10.5rem;
	}

	.social-footer {
    	margin-bottom: 7rem;
		margin-top: 3rem;
	}

	.social-footer img {
    	max-width: 4rem;
    	max-height: 4rem;
	}

	.social-footer .fb-footer,
	.social-footer .instagram-footer,
	.social-footer .youtube-footer {
	    width: 3.3rem;
	    height: 3.3rem;
	    background-size: cover;
	}

	.social-footer-responsive {
		display: block;
	}

	.social-footer-desktop {
		display: none;
	}

	.googleplay {
   		margin-right: 1rem;
     	margin-bottom: 2rem;
	}

	.event {
		padding-top: 5rem;
	}

	.event:first-child {
		padding-top: 0;
	}

	.event .button {
    	margin: 2rem 0;
	}

	.button-itemTop .button-link {
    	left: calc(50% - 10rem);
    	right: initial;
	}

	.carousel-control .glyphicon-chevron-right,
	.carousel-control .glyphicon-chevron-left {
		background-size: 60%;
		bottom: 10%;
	}

    .carousel-control .glyphicon-chevron-left {
    	left: 0.5rem!important;
    }

    .carousel-control .glyphicon-chevron-right {
    	right: 0!important;
    }

    .carousel-control.right {
    	right: 2rem!important;
    }

    .legend {
    	padding: 0 2rem;
		margin-top: 10%;
    }

    .legend span {
    	font-size: 1.2rem;
	}

	.button {
		padding: 4rem 0;
	}

	.practical-infos {
		margin: 0;
	}

	.practical-infos p {
    	font-size: 1.5rem;
    	line-height: 2.5rem;
	}

	.practical-infos h2 {
    	font-size: 3.5rem;
    	line-height: 3.5rem;
	}

	.wrapper-practical-infos {
    	margin: 5rem auto 0 auto;
	}

	.banner-figure {
		position: relative;
		cursor: pointer;
	}

	.banner-itemTop .banner-figure {
		background: url(../img/banner.jpg) no-repeat center center;
		background-size: auto auto;
		background-size: cover;
		min-height: 35rem;
	}

	.banner-itemTop .banner-figure img {
    	display: none;
	}

	.button-itemTop .button-link {
	    background: #fff;
		border: none;
		padding: 0.8rem 2rem;
		position: absolute;
		right: 3rem;
		bottom: 4rem;
		max-width: 19rem;
		text-align: center;
	}

	.button {
    	padding: 5rem 0;
	}

	.button-itemTop {
	    position: relative;
	    min-height: 35rem;
	    padding: 0;
	}

	.modal-search-content form {
    	max-width: 26rem !important;
	}

	.bottom-logo img {
    	max-width: 16rem;
	}

	.notice-description h1 {
    	font-size: 3.5rem;
    	line-height: 4.3rem;
		margin-bottom: -10px;
	}

	.left-arrow-article,
	.right-arrow-article,
	.notice-description {
    	vertical-align: bottom;
    	padding-right: 0!important;
		padding-left: 0!important;
	}

	.notice-content img {
    	margin-bottom: 0;
	}

	.notice-description .subtitle {
    	font-size: 1.5rem;
	}

	.notice-description .button-link {
		display: block;
	}

	.blog-post h2 {
    	font-size: 3rem;
    	line-height: 3rem;
		color: #000;
	}

	.portfolio-liste-article {
    	border: none;
	}

	.liste-article-description .button {
		padding-bottom: 0;
	}

	.content.notice-content {
    	margin: 5rem auto 0 auto;
    	padding: 0 3rem;
	}

	.close-popup {
		width: 4rem;
		top: 0;
		right: 1rem;
		height: 5rem;
	}

	.close-popup::before,
	.close-popup::after {
	    width: 1.8rem;
	    top: 2.5rem;
	    right: 2rem;
	}

	.results .modal-search-content form .sb-search-input {
    	max-width: 22rem!important;
    	display: inline-block;
    	font-size: 2.5rem;
	}

	.article-description h1 {
    	font-size: 4rem;
	}

	.portfolio-item.portfolio-liste-article .portfolio-figure {
		width: 60%;
	}

	.liste-article-description {
		width: 100%;
	}

	.date.date-article {
		font-size: 4rem;
	}

	.notice-content .notice-footer.container {
    	margin-bottom: 0;
	}

	.notice-content .footer-nav {
    	padding-top: 0;
	}

	.notice-content .content {
   		padding: 3rem 3rem 0 3rem;
	}

	.footer-nav {
    	margin: 4rem auto;
	}

	.googleplay{
		margin-right: 0;
		margin-bottom: 1rem;
		width: 100%;
		display: block;
	}
}

@media screen and (max-width:420px) {
	.gallery-slider .carousel-inner {
	    min-height: 50rem;
	    line-height: 50rem;
	}
}

@media screen and (max-width:320px) {
	.gallery-slider .carousel-inner {
	    min-height: 40rem;
	    line-height: 40rem;
	}
}

@media all {
	#liens-acces-rapide a {
		display: inline;
		position: relative;
		top: -10000px;
		margin-right: 17px;
		line-height: 10%;
	}

	#liens-acces-rapide a:focus {
		top: 0;
	 }

	#liens-acces-rapide {
		height: 0;
		position: absolute;
		z-index: 50000;
		width: 35%;
		top: 0;
		font-size: 0.8em;
		font-family: "Open Sans", Arial, Sans-Serif;
	}

	.applications a {
		padding-left: 1px;
		padding-right: 1px;
	}

	.applications a:focus{
		padding: 11px 0px 13px;
		border:#000 solid 1px;
		border-radius: 4px;
	}

}