
/* REVIEW we17 */
/*
    font-family: 'minerva-modern', serif;
    font-family: 'canada-type-gibson', sans-serif;
*/
@font-face {font-family: 'icon'; src: url('fonts/icon.eot'); src: url('fonts/icon.eot#iefix') format('embedded-opentype'),
    url('fonts/icon.ttf') format('truetype'),
    url('fonts/icon.woff') format('woff'),
    url('fonts/icon.svg') format('svg'); font-weight: normal; font-style: normal; }
/* GLOBAL */
html,
body {
  /*height: 100%;*/
}
html {height:101%;}
body{
  font-family:'canada-type-gibson', sans-serif;
	font-size: 18px;
	line-height:1.4;
	font-weight:400;
	background:#00212e;
	color:#fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fixed {overflow:hidden; position:fixed;}
a {color:#fff; text-decoration:none;}
/*.light,
.light h2,
.light a {color:#233E49;}*/

.debugtable {color:#000;}

/* header */
#header {position:fixed;width:100%;z-index:100;top:0;transition:all 500ms ease-in-out 0s;}
#logo {position:absolute;left:20px;top:0;z-index:100;}
#navigation {float:right;}
.mainmenu {float:left;line-height:80px;margin:0;padding:0; height:80px;overflow:hidden;}
.mainmenu a:hover,
.focus{color:#85b8ce}
.mainmenu li {display:inline-block; margin-left:15px; font-weight:normal; font-size:16px; font-weight:700;font-family: 'minerva-modern', serif; }
.scroll #header {background:rgba(0, 44, 62, 0.70);}

.addthis_inline_share_toolbox {clear:none !important;float:right;padding:25px 30px 0 30px;}
.addthis_inline_share_toolbox a {background-color:#337085 !important;}
.at-icon {fill:#002c3e !important;}
a:hover .at-icon {fill:#00212e !important;}
.at-style-responsive .at-share-btn {padding:2px !important; margin-right:8px !important;}
#navigation .addthis_inline_share_toolbox a {background-color:#fff !important;}
#navigation .at-icon {fill:#00212e !important;}
#navigation a:hover .at-icon {fill:#85b8ce !important;}


/* COLONNES */
.blocewm { box-sizing: border-box; overflow: hidden; position: relative;}
.blocewm  .content{ box-sizing: border-box; }

.bloc_xbloc { clear:both;}

.col50 { width: 50%; float: left;  }
.col25 { width: 25%; float: left; }

h1 {font-weight:700;font-family: 'minerva-modern', serif; margin:0; color:#FFFFFF; font-size:65px; line-height:1.0; padding-right:20px;}
h2 {font-weight:700;font-family: 'minerva-modern', serif; margin-top:0; text-transform:uppercase; font-size:42px; line-height:1.2; color:#FFFFFF;}
h3 {font-weight:700; font-family:"minerva-modern",sans-serif; margin-top:0; text-transform:uppercase; font-size:16px; line-height:1.2; color:#FFFFFF;}
h2 span,
h3 span {font-family:'Source Sans Pro', sans-serif;}
p {margin-top:0;}

/* CONTENT */
.textcenter {text-align:center;}

.col100 { width: 100%; clear:both;}
.col100 .content {width:52%;}
.col100.textcenter {padding:100px 30px}
.col100.textcenter h2 {max-width:600px;margin-left:auto;margin-right:auto;font-size:30px;line-height:35px;}
.col100.textcenter .content {max-width:660px;width:auto;margin-left:auto;margin-right:auto;}

/*#pagecontent {height:100%;}*/

.textright {text-align:right;}
.textright .content {text-align:left;}
.parallax {min-height:400px;line-height:400px;}
.parallax .content { display: inline-block;line-height: normal; vertical-align: middle;text-align:center; width:100%;}
.parallax .content h2 {padding-right:20%; padding-left:20%; font-size:80px; margin-bottom:0; line-height:1; }
.parallax .content p {padding-right:30%; padding-left:30%; margin-top:20px;}

.review.parallax {height:100%;line-height:normal !important;}
.review .review-content { position:absolute; bottom:10%; left:10%; width:448px;}
.review img {max-width:100%; height:auto;}

.review h1 {padding:0; color:#FFF; font-size:70px; margin-bottom:0.5em; text-shadow: 0 0 15px #000; }
.parallax.review .content h1 {/*max-width:550px; margin-left:auto; margin-right:auto; font-size:62px; line-height:60px; color:#37A195; text-align:right; padding-left:30px; padding-right:30px;*/}
.parallax.review .content h2 {max-width:550px;margin-left:auto;margin-right:auto;color:#fff;text-align:right;margin-top:-80px;padding-right:20px;font-size:20px;line-height:22px;padding-left:0;}
.review .enter {background:url(../img/enter.png) no-repeat center center;position:absolute;height:40px;width:40px;left:50%;bottom:40px;margin-left:-20px;cursor:pointer;}

.bloc_videohome {padding:30px 39px;background:#002c3e; color:#FFFFFF;}
.bloc_videohome.light {background:#85b8ce;}
.bloc_videohome a {color:#C1DFF1;}
.bloc_videohome .media {float:right;width:53%;line-height:normal;position:relative;cursor:pointer;background:url(../../../core/images/preloader-w8-cycle-white.gif) no-repeat center center;}
.bloc_videohome.textright .media {float:left;}
.bloc_videohome .media div:before {content:url(../img/play.png); position:absolute;left:50%;top:50%;margin-top:-22px;margin-left:-32px;}
.bloc_videohome .media .video:before {content:'';}
.bloc_videohome img {width:100%;height:auto;display:block;}
.bloc_videohome iframe {width:100%;height:100%;}
.bloc_videohome .content {display:inline-block; vertical-align:middle; line-height:normal; width:47%;}
.bloc_videohome .content h2 {margin-left:auto;margin-right:auto;line-height:1; max-width:470px; color:#85b8ce;}
.bloc_videohome .content p {margin-left:auto;margin-right:auto;max-width:470px; font-size:20px;}

.bloc_xbloc .bloc_coretext {width:25%;float:left;text-align:center;line-height:normal;background:#00465c;}
.bloc_xbloc .multicontent {display:flex;flex-wrap:wrap;}
.bloc_xbloc .multicontent .multicontent {display:block;}
.bloc_xbloc .bloc_coretext p {color:#ffffff; max-width:300px; margin:0 auto;}
.bloc_xbloc .bloc_coretext .content {display:inline-block; vertical-align:middle; line-height:normal; padding:30px 20px 20px 20px;}
.bloc_xbloc .bloc_videohome {width:50%; float:left; padding:0; line-height:normal !important;}
.bloc_xbloc .bloc_videohome .media {width:100%;}
.bloc_xbloc .bloc_videohome .content {display:block;}
.bloc_xbloc .bloc_slide {width:25%; float:left; line-height:normal; background:#00465c;}
.bloc_xbloc .bloc_slide h2 {margin-bottom:10px; font-size:50px; color:#FFFFFF;}
.bloc_xbloc .bloc_slide .bloc_coretext {background:#0f5166;}
.bloc_xbloc .bloc_slide h3 {color:#85b8ce; font-size:26px;}

.bloc_xbloc .bloc_slide .bloc_coretext .content {padding-bottom:100px;}
.sliderpager {position:absolute;bottom:30px;text-align:center;width:100%;}
.sliderpager span {display:none;}
.sliderpager a {background:#1b5d73;height:22px;width:22px;border-radius:50%;display:inline-block;margin:8px;}
.sliderpager a:hover,
.sliderpager .selected {background:#85b8ce;}

.bloc_corealbum {background:#00212e;}
.bloc_corealbum .content {padding:100px 30px;text-align:center; margin-left: auto;margin-right: auto; max-width: 660px;} 
.bloc_corealbum .content h2 {color:#85b8ce;} 
.bloc_corealbum ul {list-style:none;padding:0;display:flex;flex-wrap:wrap;margin:0;}
.bloc_corealbum li {width:12.5%;float:left;}
.bloc_corealbum img {width:100%;height:auto;display:block;}
.fancybox-title { color:#85b8ce;text-transform:uppercase;padding-bottom:10px;}
.fancybox-title span {float:right; text-transform:none; padding-left:20px;}
.fancybox-skin {background:none;}
.fancybox-overlay {background:rgba(0, 0, 0, .8);}
.fancybox-close {position:fixed;right:30px;top:30px;background:url(../img/close-diapo.png) no-repeat center center;width:120px;height:50px;z-index:10000;}
.fancybox-prev span {background:url(../img/diapo-left.png) no-repeat center center;}
.fancybox-next span {background:url(../img/diapo-right.png) no-repeat center center;}

.bloc_coreliste h2 {font-size:40px; color:#85b8ce; line-height:1.0;}
.bloc_coreliste p {font-size:21px;}
.bloc_coreliste.workshops {background:#002c3e;}
.conferences .coreliste_videos {overflow:hidden; border-bottom:1px solid #233E49;}
.bloc_coreliste .content {padding:100px 30px 50px 30px; text-align:center; margin-left: auto;margin-right: auto; max-width:720px;}
.coreliste_item {float:left;}
.coreliste_item img {width:100%;height:auto;}
.bloc_coreliste .coreliste_item .content {padding:0;text-align:left;}
.bloc_coreliste .coreliste_item .content div {padding:20px}
.coreliste_videos p {font-family: 'canada-type-gibson', sans-serif; text-transform:uppercase; font-size:22px; line-height:1.1; color:#ffffff;}
.coreliste_videos h3 {text-transform:none;}
.workshops .coreliste_videos h3 {color:#fff; font-size:14px; text-transform:none; font-family: 'canada-type-gibson'; font-weight:400;} 
.bloc_coreliste .coreliste_item h2 {font-size:20px; color:#85b8ce; margin-bottom:5px; font-family:"minerva-modern",sans-serif; }

.conferences .container {padding-left:10%;padding-right:10%;}
.conferences .coreliste_item {width:25%;}
.bloc_coreliste .container {display:flex;flex-wrap:wrap;}
.workshops .coreliste_videos {max-width:1250px;margin:0 auto;padding:0 20px 50px 20px;overflow:hidden;}
.workshops .coreliste_item a {display:flex;}
.workshops .coreliste_item {width:31.73%;margin:0 0.8% 20px 0.8%;display:flex;}
.workshops .coreliste_item .media {float:left;width:48%;}
.workshops .coreliste_item .content {float:left;width:52%;background:#00212e;display:flex;}

/* FOOTER */
footer { clear: both;padding:45px 60px;margin:0 auto;background:#002c3e;overflow:hidden; }
footer img {float:left;}
.more-link a{float:right; line-height:60px; padding-right:50px; text-transform:uppercase; font-size:20px; color:#fff; text-decoration:none;}
#xiti {height:0;overflow:hidden;}

/* PAGE VIDEO */
#videocontent,
body.frame {background:#002c3e;}
#videocontent article{max-width:1200px;margin:0 auto;padding:70px;}
.frame #videocontent header {margin-top:0;}
#videocontent header {margin:130px 0 30px 0;}
#videocontent header .soustitre{color:#fff;font-size:16px;margin:0}
#videocontent header h1 {color:#85b8ce; font-size:48px;}
#videocontent .framecontent {padding-top:56.25%;position:relative;width:100%;margin-bottom:50px;}
#videocontent iframe {height:100%; left:0; position:absolute; top:0; width:100%; border:none;}
#videocontent .bloc_coretext h3 {margin-top:-0.83em; font-size:26px; font-weight:300; line-height:1.3; color:#85b8ce;}
#videocontent .bloc_coretext h2 {color:#fff; font-family: "minerva-modern",sans-serif; font-size:35px; font-weight:normal; line-height:1.2;}
#videocontent .bloc_coretext .content {width:64%; float:left; padding-right:100px;}
#videocontent .links {list-style:none; float:left; margin-top:0;}
#videocontent .links .link {background:#85b8ce; border-radius:5px; padding:0 40px 0 15px; display:inline-block; text-decoration:none; color:#1d1d1b; margin-bottom:20px; position:relative; overflow:hidden; font-family: "minerva-modern",sans-serif; font-weight:600; font-size:16px;}
#videocontent .links .link:before {background:rgba(20, 65, 83, 0.15);border-radius:3px;display: block;left: 0; position: absolute;right: 0;top: 0;transition: all 0.3s ease 0s;z-index: -2;height:100%;width:100%;content:"";transform:translateX(-100%);}
#videocontent .links .link:hover:before{transform:translateX(0);z-index:2}
#videocontent .links a:hover {color:#fff;}
#videocontent .links .link span {line-height:36px;text-transform:uppercase;}
#videocontent .links .link span:before {font-family:"icon";content:'\e91f';text-align:center;float:left;font-size:25px;width:30px;margin-right:10px;}
#videocontent .links .presentation span:before {content:'\e925';font-size:30px;line-height:32px;}
#videocontent .links .addthis_inline_share_toolbox {padding:0;float:left;}
#videocontent .links .link .file {text-transform:none;margin-left:5px;}
#videocontent .links .link .file:before {content:'';width:0;}

.inner-nav {display: block;height: 95px;margin-top: -24px;position: fixed;top: 50%; width: 32px;z-index: 3;}
.inner-nav.nav-next {right:0;}
.controler {border: 1px solid rgba(119, 119, 119, 0.4);border-radius: 2px;display:block;height:93px;line-height:93px;position:absolute;text-align:center;top:0;transition: border-color 0.3s ease-in-out 0s;width: 32px;z-index: 3;}
.controler:hover {background:#85b8ce;}
.controler span {transition: color 0.3s ease 0s, margin-left 0.3s ease 0s;margin-left:-20px; font-size:12px;}
.nav-prev .controler span {margin-left:10px;}
.nav-next .controler:hover span {margin-left:0;}
.nav-prev .controler:hover span {margin-left:0;}
.inner-nav.nav-next .pagination-title{padding-left: 20px;right:32px;text-align: right;transform:translateX(150%);}
.inner-nav.nav-prev .pagination-title{padding-right: 20px;left:32px;transform:translateX(-150%);}
.inner-nav.nav-next:hover .pagination-title,
.inner-nav.nav-prev:hover .pagination-title{transform:translateX(0);}
.pagination-title {background:#fff; line-height:95px;border-radius:2px;display:block;height:95px;margin-top:-47.5px;min-width:95px;padding: 0;position: absolute;top: 50%;transition: all 0.3s ease 0s;white-space:nowrap;z-index:2;color:#294a55;}
.nav-next .thumb {float:right;}
.nav-prev .thumb {float:left;}
.nav-next .box-name {margin-right:95px;padding-right:30px;}
.nav-prev .box-name {margin-left:95px;padding-left:30px;}

/* WINDOW & OVERLAY */
#window-video{width:100%;height:100%;position:fixed;top:0;left:0;z-index:10002;display:none;background:#231F20;transition:all 500ms ease-in-out 0s;}
.touch #window-video{-webkit-overflow-scrolling: touch!important; overflow-y: scroll!important}
#window-video iframe,#window-speakers iframe{height:100%;width:100%;border:none;padding:0;margin:0;}
#window-video-close{width:40px;height:40px;background:url(../img/close-white.png) no-repeat center center;position:fixed;top:40px;right:40px;z-index:10003;display:none; cursor:pointer;}

.scrollToTop_cycle {background-color:#fff !important;border-radius:10px;opacity:0.4 !important;filter:alpha(opacity=80) !important;}

#b3883 h2,
	#b3861 h2,
	#b3872 h2{ color: #002c3e;}

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

	.bloc_xbloc .bloc_slide h2,
	.bloc_xbloc .bloc_coretext h2 {font-size:40px;}
	.bloc_xbloc .bloc_slide h3 {font-size:22px;}
	.bloc_xbloc .bloc_coretext .content {font-size:16px;}

}

@media only screen and (max-width: 1500px){
	.conferences .container {padding-left:30px;padding-right:30px;}
	.review .review-content {right:5%}
	
}

@media only screen and (max-width: 1280px){
	.workshops .coreliste_item .content div {padding:20px 10px;}
	.coreliste_videos p {font-size:14px;}
	.bloc_coreliste .coreliste_item h2 {font-size:18px;}
	.bloc_corealbum li {width:14.285%}
} 

@media only screen and (max-width: 1180px){
	.bloc_videohome .content h2,
	.bloc_videohome .content p {padding-right:30px;}
	.bloc_videohome.textright .content h2,
	.bloc_videohome.textright .content p {padding-right:0; padding-left:30px;}
	.review h1 {font-size:58px;}
	.review .review-content {width:350px; right:3%;}
}

@media only screen and (max-width: 1100px){
	#header {height:50px;}
	#logo {left:5px;}
	
	#logo img {width:auto;height:91px;transition:all 500ms ease-in-out 0s;}
	.mobilemenu {width:30px;height:30px;background:url(../img/burger.png) center center no-repeat;position:absolute;right:20px;top:10px;cursor:pointer;}
	#navigation {display:none;float:left;}
	.navopen #navigation {display:block}
	.navopen .headercontent {position:fixed;width:260px;background:#00212e;height:100%;overflow-y:auto;transition:all 200ms ease-in-out 0s;}
	.mainmenu {line-height:40px;width:90%;padding:100px 5% 20px 5%; height:auto;}
	.mainmenu li,
	.mainmenu a {display:block;}
	.scroll #logo img {width:auto;height:49px;}
	.navopen #logo img {width:auto;height:70px;top:20px;}
	.addthis_inline_share_toolbox {float:left;padding-bottom:30px;padding-left:15px;}
	
	.parallax .content h2 {padding:0; font-size:70px;}
	.bloc_videohome .content p {font-size:18px;}
	.parallax .content h2 {font-size:60px;}
	.bloc_videohome {padding:30px;}

}

@media only screen and (max-width: 1023px) {
	h1 {font-size:45px;}
	h2 {font-size:40px;line-height:1.1;}
	.conferences .coreliste_item {width:50%;}
	.conferences .container {padding-left:10%;padding-right:10%;}
	.bloc_xbloc .bloc_videohome {width:100%;}
	.bloc_xbloc .bloc_coretext,
	.bloc_xbloc .bloc_slide {width:50%;}
	.col100 h2 {font-size:45px;line-height:50px;}
	.parallax {min-height:0;line-height:normal;padding-top:60px;padding-bottom:50px;}
	.parallax .content,
	.review .content {padding-left:30px !important;padding-right:30px !important;}
	.parallax.review .content h1 {font-size:58px;padding:0;}
	.workshops .coreliste_item {width:48.4%}
	.workshops .coreliste_item .media,
	.workshops .coreliste_item .content {width:50%;}

	.bloc_corealbum li {width:16.66%}
	.more-link a {padding-right:0;}
	footer {padding-left:30px;padding-right:30px;}
	#videocontent article {padding:30px;}
	#window-video-close {top:20px;right:15px;}
	.inner-nav {display:none;}
	#window-video-close {background-size:20px auto;}
	
	.bloc_coreliste p,
	.bloc_coreliste .coreliste_item h2 {font-size:20px;}
	
	#videocontent .bloc_coretext h2 {font-size:30px;}
	#videocontent .bloc_coretext h3 {font-size:22px;}
}

@media only screen and (max-width: 880px) {
	.bloc_corealbum li {width:20%}
	.fancybox-close {width:60px;background-size:cover;height:25px;}
	.scrollToTop {width:40px;height:40px;right:10px;bottom:10px}
	
	/*.review {background-image:url(../img/bg-tablette.png) !important;}*/
	.review h1 {font-size:58px;}
	.review .review-content {width:350px; left:5%; right:auto; bottom:15%;}
}

@media only screen and (max-width: 767px) {
	.conferences .coreliste_item {width:50%;}
	.bloc_videohome .media {width:100%;}
	.bloc_videohome .content {width:100%;padding-top:30px;}
	.bloc_videohome.textright .content h2, 
	.bloc_videohome.textright .content p {padding-left:0;}
	.bloc_xbloc .bloc_coretext, .bloc_xbloc .bloc_slide {width:100%;}
	.bloc_videohome .content h2, .bloc_videohome .content p {max-width:inherit;text-align:center;padding:0 !important;}
	.parallax .content p {padding:0;}
	.bloc_videohome .content {padding:30px;}
	.workshops .coreliste_item {width:100%;margin-left:0;margin-right:0;}
	.workshops .coreliste_item .content div {padding:20px;}
	.coreliste_videos p {font-size:16px;}
	.bloc_coreliste .coreliste_item h2 {font-size:18px;}
	.workshops .coreliste_item a,
	.workshops .coreliste_item {display:block;}
	.bloc_corealbum li {width:25%}
	#videocontent .bloc_coretext .content {width:auto;float:none;}
	#videocontent .links {float:none;padding:0;margin-top:20px;}
	.conferences .container {padding-left:30px;padding-right:30px;}
	
	.review {  background-position: center right !important;}
	.review h1 {font-size:42px;}
	.review .review-content {width:250px;}
	.bloc_coreliste p,
	.bloc_videohome .content p {font-size:18px;}
}

@media only screen and (max-width: 639px) {
	.review .content {width:100% !important;text-align:center;top:120px;}
	.parallax .content {padding-left:10px !important;padding-right:10px !important;}
	.parallax.review .content h1 {text-align:center;font-size:48px;}
	.parallax .content h2 {font-size:50px;}

	h2,
	.col100.textcenter h2 {font-size:26px;}
	.bloc_coreliste h2 {font-size:30px;}
	.bloc_xbloc .bloc_slide h2 {font-size:36px;}
	.bloc_xbloc .bloc_slide h3 {font-size:22px;}

	#videocontent .bloc_coretext .content {padding:0}
	#videocontent .framecontent {margin-bottom:20px;}
	
	/*.review h1 {font-size:28px;}*/
	/*.review .review-content {width:170px;}*/
}

@media only screen and (max-width: 479px) {
	h1 {padding-right:0; font-size:35px}
	#videocontent .bloc_coretext h2 {font-size:22px;}
	#videocontent .bloc_coretext h3 {font-size:18px;}
	h2 {font-size:30px;}
	.parallax .content h2,
	.bloc_xbloc .bloc_slide h2 {font-size:40px;}
	
	.bloc_xbloc .bloc_slide h3 {font-size:22px;}

	.bloc_videohome .content p,
	.bloc_coretext p,
	.bloc_coreliste p {font-size:16px;line-height:22px;}
	.bloc_videohome {padding:20px;}
	.col100.textcenter,
	.bloc_coreliste .content,
	.bloc_corealbum .content {padding-top:50px;padding-bottom:50px;}
	.conferences .coreliste_item {width:100%;}
	.workshops .coreliste_videos {padding-left:20px;padding-right:20px;}
	.parallax.review .content h1 {font-size:30px;line-height:30px;margin-bottom:0;}
	.bloc_videohome .content {padding-left:0;padding-right:0;}
	.workshops .coreliste_item .media, .workshops .coreliste_item .content {width:100%;}
	.coreliste_item img {display:block;}
	.bloc_corealbum li {width:33.33%}
	footer {padding:30px 20px;}

}

@media only screen and (max-width: 360px) {
	h1 {font-size:30px}
}
@media only screen and (max-width: 736px) and (orientation: landscape){
	/*.review {background-image:url(../img/bg-paysage.png) !important; }
	.review .review-content {left:auto; right:5%;}*/
}
