/* Vars */
:root {
    --default-font-family: 'Yetgrotesk-regular';
    --strong-font-family: 'Yetgrotesk-bold';
    --light-font-family: 'Denim-MediumItalic';

    --default-font-size: 17px;
    --default-line-height: 26px;

    --small-font-size: 11px;
    --small-line-height: 20px;
	
    --medium-font-size: 14px;
    --medium-line-height: 24px;
	
    --big-font-size: 44px;
    --big-line-height: 46px;

    --default-spacing: 30px;
    --main-color: #000;
    --header-height: 45px;
    --content-margin-top: 35px;
    --footer-height: 45px;

    --active-color: #B3B3B3;
	--legend-color: #999;
}
@media only screen and (min-width: 768px) {
    :root {
        /*--default-spacing: 15px;*/
    }
}
@media only screen and (min-width: 1024px) {
    :root {
        /*--default-spacing: 20px;*/
    }
}
h1,h2,h3,h4,h5,h6,
legend,
label,
textarea,
body,
a {
    color: var(--main-color);
    font-family: var(--default-font-family);
    font-size: var(--default-font-size);
    line-height: var(--default-line-height);
	font-feature-settings: "ss01" 1, "onum" 1;
}
a:hover {
	text-decoration:underline;
}
strong {
    font-family: var(--strong-font-family);
	font-weight:normal;
}






.media_details {
    color: #000;
    font-family: var(--small-font-family);
    font-size: 12px;
    line-height: var(--small-line-height);
}
.sticky {
    position: sticky;
    top: var(--header-height);
}

h2 {
    color: var(--main-color);
    font-family: var(--strong-font-family);
    font-size: var(--big-font-size);
    line-height: var(--big-line-height);
}
h2.project_name {
	line-height:25px;
}

/*SOUS-MENU*/

#heure-mayotte {
	font-size: 40px;
	  font-weight: bold;
	  padding-top: 30px;
}



.logo,
.logo a {
	cursor:pointer;
}
#menu li a {
	font-size:50px;
	line-height:70px;
}

#menu li a.active,
#menu li a:hover {
}
.page_name,
.page_name a {
}
.form_name {
}
.view_name,
.view_name a,
.block_name,
.block_name a {
}
.media_name,
.media_name a,
.item_name,
.item_name a,
.view_block_name,
.view_block_name a  {
}
.filter_name {
}
.filter_name,
.filter_option_name,
.filter_active_name {
}
.button,
.button a,
.infos,
.infos a,
.note,
.note a,
.caption,
.caption a {
}
.button {
}
.text {
   margin-bottom:20px;
}
.text a {
    background: url('../img/arrow.svg') no-repeat 0 center;
    cursor: pointer;
    background-size: 10px;
    padding-left: 18px;
}
.text a.place {
	background: url('../img/place.png') no-repeat left top;
	  background-size: 13px;
	  padding-left: 21px;
}
.text a:hover {
 	text-decoration:underline;
}

@media only screen and (min-width: 768px) { 
	
	#menu li a {
		font-size:70px;
		line-height:85px;
	}

}

/* Fancy box */
.fancybox-infobar {
  font-size: 15px;
  line-height: 41px;
}
.fancybox-bg {
    background: rgba(255, 255, 255, 0.95) !important;
}
.fancybox-caption {
    background: transparent;
    color: #000;
    display: none;
}
.fancybox-button--zoom,
.fancybox-button--play,
.fancybox-button--thumbs {
    display: none !important;
}
.fancybox-button {
    background: none;
}
.fancybox-button svg {
    display: none;
}
.fancybox-button--arrow_left > div {
    background: url('../img/prev.svg') no-repeat;
    background-size: 20px;
}
.fancybox-button--arrow_right > div {
    background: url('../img/next.svg') no-repeat right center;
    background-size: 20px;
}
/*.fancybox-button--arrow_left::after {
    content: "préc.";
    color: #000 !important;
}
.fancybox-button--arrow_right::after {
    content: "suiv.";
    color: #000 !important;
}*/
.fancybox-button--close {
    top: var(--default-spacing);
    right: var(--default-spacing);
    background: url('../img/close.svg') no-repeat;
    background-size: 100%;
    height: 20px;
    width: 20px;
}