@charset "utf-8";
/* CSS Document */

html, body {
  overflow-x: hidden;
}

body{ font-family: 'Open Sans', sans-serif; font-size:14px; color:#000;text-rendering: optimizeLegibility; }
a, a:hover, a:focus{ color:#000; outline:none; }
a:focus{ text-decoration:none; }

#overlay{ display:none; z-index:20; width:100%; height:100%; background:rgba(0,0,0,0.9); position:absolute; top:0px; bottom:0px; left:0px; right:0px; }

h1{}
h2{ font-weight:normal; color:#000; font-family: 'MilaScript-SansLight', arial; font-size:36px; margin-top:20px; margin-bottom:40px; }
h3{ font-weight:normal; color:#000; font-family: 'MilaScript-SansLight', arial; font-size:24px; margin-top:30px; margin-bottom:30px; }
h4{ font-weight:normal; color:#000; margin-bottom:40px; margin-top:0px; }
#getVideos h4 { color:#fff; }
.trait{ vertical-align:middle; height:1px; background:#000; width:100%; display:inline-block; }
.p0{ padding:0px; }

header{ position:absolute; width:100%; z-index:10; color:#fff; }
header a, header a:hover{ color:#fff; text-decoration:none; }
header #logo a:hover{ opacity:0.7; }

header .icon-logomalabar{ font-size:90px; line-height:80px; }
[class*="icon_rs"]{  font-size:14px; line-height:1.2; padding:10px; border-radius:100%; margin-left:5px; margin-right:5px; width:31px; height:31px; }
header [class*="icon_rs"]{  line-height:70px; }
[class*="icon_rs"]:hover{ background:#ffca26; color:#fff; }
header [class*="icon_rs"]{ display:none; }
#infos_popup [class*="icon_rs"]{ font-size:28px; }

[class*="icon_rs icon_inv"]{ display:inline; background:#ffca26; color:#fff; margin-left:10px; margin-right:0px; }
header [class*="icon_rs icon_inv"]{ color:#000; display:inline; }
[class*="icon_rs icon_inv"]:hover{ background:none;  }

a[class^="icon-"]:hover, a[class*=" icon-"]:hover{ text-decoration:none;}

div.my_media{ padding:20px; box-sizing:border-box; height:auto;  }
#content{ padding-bottom:250px;  }
.media_item{ cursor: pointer; /*padding:10px; border:solid 1px #cdcdcd;*/ display:inline-block; background:#FFFFFF;/* margin:20px auto;*/ margin:0 auto;  position:relative;   }
.media_item.text{ height:auto; border:none;  font-family: 'MilaScript-SansLight'; font-size:18px; width:100%; display:table; }

.media_item img{ width:100%; width: auto;
    height: auto; max-width:300px; min-width:160px; max-height:300px; min-height:160px; }
/*.media_item p{ text-align:left; margin-top:4px; line-height:1.2; }
.media_item.ig p{ position:absolute;  margin-top:-30px; left:0px; right:0px; padding:8px 14px; box-sizing:border-box;  background-color: rgba(255, 255, 255, 0.5); }*/
.media_item .item_text{ max-width:320px; min-width:160px; vertical-align:middle; display:inline-block; line-height:1.2; padding:10px; text-align:left; }

.media_over{ cursor: pointer; opacity:0; position:absolute; width:100%; height:100%; left:0 ;right:0;top:0;bottom:0; background:rgba(50,50,50,0.7); color:#fff; text-align:left; padding:20px; font-size:14px;  -webkit-transition: all 600ms ease 0s; /* Safari */
    transition: all 600ms ease 0s; }
.media_over a.icon-play{ color:#fff; font-size:40px; text-align:center; display:block }
.play_notif{ position:absolute; width:100%; height:100%; left:0 ;right:0;top:0;bottom:0; font-size:100px; line-height:300px; color:#fff;  }
.media_item:hover .play_notif{ opacity:0; }
.media_item:hover .media_over:not(.media_over_shown), .media_item:focus .media_over:not(.media_over_shown){ opacity:1;} 
.media_over.media_over_shown{ display:table-cell; opacity:1; } 
.media_over.media_over_shown{ background:#fff; color:#000000; position:relative; }
.media_over.media_over_shown .media_rs{ -webkit-transition: all 600ms ease 0s; /* Safari */
    transition: all 600ms ease 0s; opacity:0; margin-bottom:20px; margin-top:-30px; }
.media_item:hover .media_over.media_over_shown .media_rs{  opacity:1; }
.media_over.media_over_shown .media_rs .icon_rs{ color:#000; font-size:14px; }
.media_over .icon_rs{ color:#fff; margin-left:0px; margin-right:0px; }
.media_rs{ text-align:right; margin-bottom:10px; margin-right:-5px; }
.loader{ text-align:center; padding:20px; font-size:26px; }

.media_item .iframe_cont{ width:100%; display:none; position:absolute; height:100%; top:0px; left:0px; background:#fff; }
.media_item iframe, .media_item video{ width:auto; max-width:100%; min-width:300px;min-height:300px;  height:auto;  }

#video{ z-index:1; overflow: hidden; position:relative; 
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;

background:url(../img/video_poster.jpg) center center no-repeat; background-size:cover; height:540px;
}
#video video{
		display:none;
}

#au_pied{ font-size:13px; position:absolute; bottom:15px; text-align:center; left:0; right:0; }
.is_ie #au_pied{  bottom:11%; }
#au_pied:after{ content:""; display:block; margin:0 auto; margin-top:10px; background:url(../img/fleche_2x.png) center center no-repeat; background-size:14px 9px;  width:26px; height:26px; border:solid 1px #fff; border-radius:100%; cursor:pointer; }

#video_over{  position:absolute; width:100%; max-width:582px; margin:auto; left:0px; right:0px; top:0px; height:100%;  line-height:540px;  color:#fff; text-align:center; font-size:18px; object-fit: cover;  }
svg{ max-height:100%; }
#video_over svg { width:100%; fill:#fff; max-width:482px; }
#video_over p{ margin-bottom:18px; }
#video_over_content{ display:inline-block; vertical-align:middle; line-height:1.2; padding-left:15px; padding-right:15px; }

#main{
	
	background:#fff;
	
	z-index:2;
	width:100%;
}

#main .container-fluid, footer .container-fluid{ max-width:1200px; padding:20px 0px; }
footer .container-fluid{ max-width:1200px; padding:10px 0px; }

.myBtn{ display:inline-block; padding:18px; min-width:270px; background:#ffca26; color:#000000; font-size:12px; margin-top:20px; margin-bottom:20px; text-decoration:none; text-transform:uppercase; }
.myBtn:hover{ background:#000; color:#fff; text-decoration:none; }

.surligne{ background:#fef67f; display:inline-block; padding:2px 4px; font-weight:600; }

.popup{ display:none;  }
.popup.container-fluid{ position:absolute; z-index:50; left:0; right:0; top:0; padding-left:0px; padding-right:0px; }
.popup_content{ position:relative; max-width:770px; margin:0 auto; background:#fff; padding:20px; padding-bottom:60px; text-align:center;  }

.popup_close{ zoom:1; z-index:9999999; background:#ffca26; color:#000; font-size:22px; padding:18px; position:absolute; right:15px;cursor: pointer }
.popup_close:hover{ background:#000; color:#fff; }
.popup .popup_content_utile{ max-width:500px; margin:0 auto; margin-top:70px;  }
.popup .popup_content_utile svg{ max-width:310px; }
.media_item .popup_close{ right:0px; }

#videos_popup.popup .popup_close{ top:6px; right:4px; color:#fff; background:none }
#videos_popup.popup{ color:#fff;}


.slick-dots li button::before{ color:#fff !important; content:''; width:10px; height:10px; line-height:0px; border-radius:100%; background:#fff;border:solid 1px #fff; }
.slick-dots li.slick-active button::before { background:none; }
.slick-slide{ text-align:center; outline:none;  }
.slick-slide div, .video-carousel:not(.slick-slider) div.video-carousel_item {
    display: inline-block;
	vertical-align:middle;
    width:100%;
    padding:20px;
	padding-top:0px;
	padding-bottom:15px;
	 -webkit-transition: all 600ms ease 0s; /* Safari */
    transition: all 600ms ease 0s;
	opacity:1;
	position:relative;
	box-sizing:border-box;
}
.slick-slide div  img, .slick-slide div  iframe, .video-carousel:not(.slick-slider) div img, .video-carousel:not(.slick-slider) iframe {  width:100%; height:auto; }
.slick-slide.slick-center div {
   /* width: 100%;
 	margin-top:-20px;  */
	transform: scale(1.2);
	opacity:1;
}

.page{ display:block; text-align:left; font-weight:600; font-size:10px; margin-bottom:5px; }
.page:after{ content :"10"; display:inline-block; margin-left:0px; width:18px; height:20px; font-size:8px; background-size:cover; text-align:right; color:#cccccc; background:url(../img/sepa.png) right top no-repeat; vertical-align: middle;
padding-top: 12px;
margin-top: 9px;
margin-left: -6px; }
.slick-prev, .slick-next { z-index:10; width:40px; height:50px; top:41%; }
.slick-next { right:-20px; }
.slick-prev { left:-28px; }
.slick-prev::before, .slick-next::before {
    font-family: 'icomoon';
    font-size: 50px; font-weight:normal;
    line-height: 1;
    opacity: 0.75;
    color: #FFF;
	
}
.slick-prev::before{  content: "\e903"; }
.slick-next::before{  content: "\e904"; }
.slick-prev:focus::before, .slick-next:focus::before {
    opacity: 0.75;
}
.slick-prev:focus:hover::before, .slick-next:focus:hover::before {
    opacity: 1;
}

.item_label{ display:block; margin-top:-35%; position:absolute; text-align:center; left:0; right:0; font-size:20px; font-family: 'MilaScript-SansLight'; }
.item_label a{ display:inline-block; color:#fff; opacity:1; text-align:center; font-size:27px; line-height:1.8; }
.item_label a:hover{ opacity:0.8; }

.video-carousel iframe{ display:none; }

footer{ position:fixed; left:0; right:0; bottom:0; background:#f5f5f5; font-size:13px; color:#696767; vertical-align:middle; text-align:center; }
footer a, footer a:hover{ color:#696767; }
footer .icon-logomalabarpastille{ display:none; font-size:30px; vertical-align:middle; margin-left:15px; margin-right:15px; margin-bottom:10px; }
footer span.sepa{ display:block;  margin-bottom:6px; }
footer .icon_rs{ font-size:14px; color:#999; line-height:30px; padding:0px;  }
footer .icon_rs:hover{ color:#000; background:none; }
footer .text-right { text-align:center }

.loader{ font-size:30px;font-family: 'MilaScript-Basic'; display:block; clear:both; }

@media (min-width: 768px) {
	#video{ height:auto; }
	#video video{
		display:block;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		object-fit: cover;
	}
	
	#main{ min-height:700px; }
	
	#au_pied{bottom:30px; font-size:14px;  }
	#au_pied:after{margin-top:20px;  }
	
	#video_overlay{  position:absolute; width:100%; height:100%; background:#000; opacity:0.7; top:0; left:0; right:0; bottom:0; }
	.myBtn{ font-size:14px; }
	
	header .icon-logomalabar{ font-size:130px; line-height:140px; }
	header #logo{ padding-left:30px;  }
	[class*="icon_rs"]{ display:inline;  line-height:1.2; font-size:16px; }
	header [class*="icon_rs"]{ line-height:130px; display:inline;  }
	[class*="icon_rs icon_inv"]{ margin-right:10px; }
	
	.popup.container-fluid{ top:20%; top:12%; }

	
	#video_over_content{ padding-left:0px; padding-right:0px; }
	
	.media_item img{ max-width:320px; max-height:320px; }
	
	.slick-slide div, .video-carousel:not(.slick-slider) div {
   		width:80%;
		opacity:0.7;
		margin: 20px;
		padding:0px;
	}
	
	.page{ font-size:20px; margin-bottom:10px; }
.page:after{ width:36px; height:41px; font-size:10px; background-size:cover; 
padding-top: 24px;
margin-top: 18px;
margin-left: -6px; }

h4{ margin-bottom:70px; }
h2{ margin-top:40px; }
#videos_popup .popup_close{ top:auto; right:15px; }

footer .icon-logomalabarpastille{ display:inline-block;  margin-bottom:0px; }
footer span.sepa{ display:inline; margin-bottom:0px;  }
footer span.sepa:before{ content:"|"; display:inline-block; margin-left:25px; margin-right:25px; }
footer .text-right { text-align:right }
footer .icon_rs{ font-size:16px; color:#999; line-height:30px; padding:5px;  }

.media_item.text{ height:320px;  line-height:320px; }
div.my_media{ height:380px;  }

.media_item iframe, .media_item video{ width:100%;  height:100%;  }
}


@media (min-width: 992px) {
	.popup .popup_close{  right:-29px; }
	.popup .popup_content_utile{ max-width:500px; margin:0 auto; margin-top:10px;  }
	.popup .popup_content_2 .popup_content_utile{ max-width:90%; }
}
@media (min-width: 1025px) {
	.popup.container-fluid{ top:20%;  }
	.media_over{ cursor:default; }
}


@media (min-width: 1200px) {
}