/**Fonts**/
@font-face {
  font-family: 'Libre Baskerville';
  src: url('../fonts/LibreBaskerville-Regular.ttf')  format('truetype');
}
@font-face {
  font-family: 'Libre Baskerville Bold';
  src: url('../fonts/LibreBaskerville-Bold.ttf')  format('truetype');
}
@font-face {
  font-family: 'Lato SemiBold';
  src: url('../fonts/SourceSansPro-SemiBold.ttf')  format('truetype');
}
@font-face {
  font-family: 'Lato Bold';
  src: url('../fonts/SourceSansPro-Bold.ttf')  format('truetype');
}

/**Général**/
html {color: #222;font-size: 1em; line-height: 1.4; }
::-moz-selection { background: #D8E2E9; text-shadow: none;color:#0E131D;}
::selection { background: #D8E2E9; text-shadow: none;color:#0E131D;} 
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
.hidden, [hidden] { display: none !important; }
.invisible { visibility: hidden; }
.clearfix::before, .clearfix::after { content: " "; display: table; }
.clearfix::after { clear: both; }
.clearfix { clear: both; }
a,#back img,.readmore,img,.fa{transition: all 0.6s linear 0s!important;}
input:focus, select:focus, textarea:focus, button:focus, a:focus {outline: none !important;}

/**Landing pages**/
#intro {position: relative;width: 100%;height: 100vh;background-image: url('../img/homepage.jpg');background-size: cover;z-index:999999;width:100%;}
.content {position: absolute;opacity:0.8;padding:0; height: 100%;height: 100vh;background: #354764;color:#FFFFFF;}
.content h1{padding: 0 15px;line-height:1.1;font-size:32px;margin-bottom:60px;font-family:"Libre Baskerville Bold", serif;}
.content h2{padding: 0 15px;text-transform:none;font-weight:normal;font-size:20px;line-height:140%;margin-bottom:110px;font-family: "Lato", sans-serif;}
#menu-inside h2{text-transform:none;font-weight:normal;line-height:140%;
font-size:17px; margin-top:40px;font-family: "Lato", sans-serif;}
#share{padding: 0 15px;width:100%;text-align:center;}
#share span{font-size:26px;margin-left:15px;}
#share a{color:#FFFFFF;}
#header{height:100%;height:100vh;display:table;width:100%;padding:0 15px;}
#conteneur{display:table-cell;vertical-align:middle;text-align:center;}
.content img{padding: 0 15px;width:220px;height:auto;margin-bottom:60px;margin-top:-20px;}
#menu-inside img{padding: 0 15px;width:220px;height:auto;margin-bottom:-10px;margin-top:-70px;}
#burgertop{cursor:pointer;color:#FFFFFF;font-size:30px;position:absolute;top:20px;left:20px;z-index:9999999;}
#closetop{cursor:pointer;color:#FFFFFF;font-size:30px;display:none;position:absolute;top:20px;left:20px;z-index:9999999;}
#menu {opacity:0.9;display:none;position: fixed;padding:0; z-index:9999999999;top:54px;height: 100%;height: 100vh;background: #C33B3D;color:#FFFFFF;}
#menu-inside{display:table-cell;width:100%;vertical-align:middle;text-align:center;z-index:99999;}
#conteneur-menu{display:none;}
#conteneur-menu,#menu-inside{vertical-align:middle;text-align:center;}
#conteneur-menu ul,#menu-inside ul{margin:0;padding:0;list-style-type:none;}
#conteneur-menu li {margin:22px 0;padding:0;font-size:20px;font-family:"Libre Baskerville Bold", serif;}
#menu-inside li{margin:20px 0;padding:0;font-size:18px;font-family:"Libre Baskerville Bold", serif;}
#conteneur-menu a,#menu-inside a{text-decoration:none; color:#FFFFFF;}
#burgertop:hover,#closetop:hover,#share a:hover,
.navbar-brand a:hover,#burger:hover,#close:hover,.navbar a:hover{color:#ABABAB;}
#conteneur-menu a:hover,#menu-inside a:hover,.active{opacity: 0.5;}
.text-small{font-size: 11px;}
.small{font-size:14px!important;color:#DEDEDE;}
.meta{font-weight: bold; line-height: 1.2; margin-bottom: 30px; border-bottom: 1px solid #CDCDCD; padding-bottom: 30px; color: #535353;}

/**Menu**/
.wa{display:none;}
.navbar{font-family: 'Lato', sans-serif;background:#354764!important;display:block;opacity:0.9;}
#burger,.navbar .net,#close{float:left;margin-left:15px;}
.navbar .net{margin-top:4px;position: absolute; left: 80px;}
.navbar .net a{margin-left:20px;font-size:22px;text-decoration:none;}
.navbar .net a:hover{color:#ABABAB!important;}
#burger,#close{cursor:pointer;color:#FFFFFF;}
#burger,#close{margin-left:15px;font-size:26px;}
.navbar a{color:#FFFFFF!important;}
.navbar-brand{font-family: 'Libre Baskerville Bold', serif;padding-top: 7px;font-size:17px;float:right;margin-right:15px;color:#FFFFFF;}
.navbar-brand a{text-decoration:none!important;color:#FFFFFF;}
#close{display:none;}

/**Audio**/
.audio{  margin: 50px 0;background: #BB1319;padding: 30px 0 15px 0;}
.controls{text-align: center;}
.btn-primary{background: #CCCCCC!important; border: none; color: #222; margin: 0 15px;}
.btn-primary:hover{outline: none!important;box-shadow: none!important;color:#BB1319;background: #CCCCCC!important;border: none!important;}
.btn-primary:active,.btn-primary:focus{outline: none!important;box-shadow: none!important;color:#BB1319;background: #CCCCCC!important;border: none!important;}
.audio h3{margin: 0!important; font-size: 18px; padding: 0 20px 15px 20px;color:#FFFFFF;text-align:center;}

/**Etages**/
.parallax { background-image: url("../img/rdc.jpg"); height: 77%; height: 77vh; background-attachment: fixed; background-position: center bottom; background-repeat: no-repeat; background-size: cover; }
.parallax1 { background-image: url("../img/01etage.jpg"); height: 77%; height: 77vh; background-attachment: fixed; background-position: center bottom; background-repeat: no-repeat; background-size: cover; }
.parallax2 { background-image: url("../img/02etage.jpg"); height: 77%; height: 77vh; background-attachment: fixed; background-position: center bottom; background-repeat: no-repeat; background-size: cover; }
.parallax3 { background-image: url("../img/03etage.jpg"); height: 77%; height: 77vh; background-attachment: fixed; background-position: center bottom; background-repeat: no-repeat; background-size: cover; }
.parallax4 { background-image: url("../img/04etage.jpg"); height: 77%; height: 77vh; background-attachment: fixed; background-position: center bottom; background-repeat: no-repeat; background-size: cover; }

/**Article**/
#longform{margin-top:50px;}
#longform article h1{font-family:"Libre Baskerville Bold", serif;margin-bottom:40px;font-size:38px;}
#longform article h2,#longform article h3,#longform article h4{margin:50px 0 30px 0;font-family:"Libre Baskerville Bold", serif;}
#un{scroll-margin-top: 0;}
.home article{font-size:16.5px;padding-top:70px;}
.article article{font-size:16.5px;padding-top:0;}
article:last-child{margin-bottom:70px;}
article a{color:#C94F51;text-decoration:underline:}
article a:hover{color:#ABABAB;text-decoration:underline:}
article p{font-size:1.1em;}
article img{width:100%;height:auto;margin:50px 0;}
article p:last-child{margin:0;}
.well h3{font-size:26px!important;margin:0 0 20px 0!important;}
article blockquote{font-family:'Lato SemiBold',sans-serif;text-align:center;margin:50px 15%;
font-size:24px!important;color:#787878; border-bottom:2px solid #EDC5C6!important;padding-bottom:20px;width:70%;}
.center{text-align:center!important;margin:15px 0 0 0;font-family:'Lato',sans-serif;}
.center img{width:50px;height:auto;}
.chapo{font-family: 'Lato Semibold',sans-serif;font-size:23px;margin-bottom:30px;}
.twitter-tweet{margin:50px 0;text-align:center;}
.well{margin:50px 0;background:#F7F7F8;padding:30px;font-size: 18px; color: #454545;}
article .caption{margin:-40px 0 50px 0;text-align:center;font-style:italic;}
.flourish-embed{margin:50px 0;}
article h1,article h2, article h3,article h4{font-weight:bold;}
.article #longform article h1{margin: 10px 0 30px 0!important;}
#chapo{font-weight:bold;font-size:20px;margin-bottom:50px;}
#at{font-size:21px;color:#C94F51!important;font-weight:bold;}
#next{border-bottom:1px solid #C8D0DD;padding-bottom:40px;}
#next img{width:100%;height:auto;}
#read{text-transform:uppercase;color:#C94F51;font-family:'Lato Bold',sans-serif;font-size:25px;margin-top:100px;border-top:1px solid #C8D0DD;padding-top:30px;
margin-bottom:30px;}
#readmore{margin:50px 0;border-top: 2px solid #EFEFEF; padding-top: 50px;}
.slick-slide img{width: 100%!important; padding: 0 10px!important;height:auto;}
.col-lg-12 img{width:100%;height:auto;}
#readmore a{text-decoration:none;color:#222;}
#readmore a:hover{text-decoration:none;color:#ABABAB;}
.row{padding:0!important;margin:0 -15px!important;}
#readmore h3{padding: 0 10px!important;margin:8px 0 6px 0;font-size:20px;font-family:"Libre Baskerville Bold", serif;}
#readmore h4{margin:5px 0 0 0;font-size:17px;padding: 0 10px!important;color:#C94F51!important;font-weight:bold;}
.slick-slide img:hover{opacity:0.7;}
#readmore h2{padding-left: 10px; font-size: 21px; text-transform: uppercase; font-weight: bold; margin-bottom: 15px; color: #445972;}
.responsive,#resp-brand{display:none;}
#resp-brand img{height:26px;width:auto;}
#readmore img{width:100%;height:auto;}
article h2{font-size: 26px; font-weight: 900;}

/**Back**/
footer{background:#445972;padding:50px 15px;text-align:center;color:#FFFFFF;font-size:16px;}
footer img{width:200px;}
#backhome{position:fixed;bottom:15px;right:25px;cursor:pointer;z-index:2;font-size:20px;color:#354764;}
#backhome:hover{color:#ABABAB;}
.prev-arrow { text-align: left; top: 20%; position: absolute; left: -10px; background: none; border: none; font-size: 36px;color:#C94F51; }
.next-arrow { text-align: right; top: 20%; position: absolute; right: -10px; background: none; border: none; font-size: 36px;color:#C94F51;}

/**Media Queries**/

@media only screen and (max-width: 1024px) {
	.prev-arrow,.next-arrow {top: 7%;}
}
@media only screen and (max-width: 999px) {
	#mynetwork{display:none;}
	#com{display:block!important;padding:0!important;margin:0!important;width:100%!important;}
	#com header{display:block!important;width:100%!important;padding:30px!important;margin:0!important;}
	.home #homepage{margin-top:-40px;}
	#homepage h1{font-size:2.4em!important;}
	#homepage h2{font-size:18px!important;}
	#longform{margin:30px auto 0 auto;}
	#back,#backhome,#backcom{position:relative;margin-top:50px;text-align:center;right: 0;}
	.col-10,.col-7{width:100%;max-width:100%;}
	.col-5{display:none;}
	.col-10{padding:0 15px;}
	.wa{display:inline-block;}
	article{padding-top:50px;}
	article:last-child{margin-bottom:50px;}
	header,#homepage header,.com #homepage header, .info #homepage header, .edu #homepage header,
	.home #homepage header	{margin-left: 15px;margin-right:15px;width: 100%;float:none;}
	#menu-inside{display:block;width:100%;vertical-align:top;text-align:center;z-index:99999;padding: 84px 20px 0 20px;}
	#readmore{padding: 0 20px;}
	#readmore .row{padding: 0 15px!important;}
	.prev-arrow,.next-arrow {top: 25%;}
	#readmore h2 {padding-top: 20px;padding-left: 20px;}
}
@media only screen and (max-width: 850px) {
	.content h1 {font-size: 30px;}
}
@media only screen and (max-width: 769px) {
	#first{margin-bottom:40px!important;}
	#homepage h1{font-size:2em!important;}
	#homepage h2{font-size:17px!important;}
	.responsive{display:block;}
	.parallax,.parallax1,.parallax2,.parallax3,.parallax4{display:none;}
	.responsive img{width:100%;height:auto;margin-bottom:30px;}
	.responsive #top-resp{padding:20px;text-align:center;margin-top:54px;}
	.responsive #top-resp h1{margin:0;padding:0;font-family:'Libre Baskerville Bold',serif;font-size:26px;font-weight:bold;}
	.responsive #top-resp img{margin-bottom:15px!important;width:140px!important;height:auto;display:none;display: block; margin-left: auto; margin-right: auto;}
	article{padding: 0 20px;}
	.prev-arrow,.next-arrow {top: 25%;}
	#longform article h1 {font-size: 32px;}
	#longform{margin:0 auto;}
	#menu-inside li {font-size: 17px}
	article p {font-size: 1em;}
	#intro{display:none;}
	.home article {padding-top: 20px!important;}
	.home #brand{display:none;}
	#resp-brand{display:block;}
	.home #longform article h1 {display:none;}
	article h2 {font-size: 22px;}
}

@media only screen and (max-width: 600px) {
	.prev-arrow, .next-arrow {top: 30%;}
}
@media only screen and (max-width: 650px) {
	#responsive{display:none;}
	#chapo { font-weight: bold; font-size: 19px; line-height: 1.3; }
	#longform article h1 {font-size: 30px;}
}
@media only screen and (max-width: 500px) {
	#homepage h1{font-size:1.8em!important;}
	.home #share {padding: 15px 30px 20px 30px;}
	.navbar-brand{display:none;}
	#menu.col-lg-4{width:90%!important;}
	.navbar .net{text-align:right;left:0;right:15px;z-index:2;}
	.prev-arrow,.next-arrow {top: 25%;}
	#longform article h1 {font-size: 28px;}
	#burger,#close{z-index:7;position:relative;}
	.responsive #top-resp img{width:140px!important;height:auto;display:block;}
}
@media only screen and (max-width: 450px) {
	#longform article h1 {font-size: 26px;}
	.prev-arrow,.next-arrow {top: 18%;}
}
@media only screen and (max-width: 350px) {
	#longform article h1 {font-size: 25px;}
	.prev-arrow, .next-arrow {top: 15%;}
}

/**Print**/
@media print {
	*, *::before, *::after { background: #fff !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important;}
	a, a:visited { text-decoration: underline; }
	a[href]::after { content: " (" attr(href) ")"; }
	abbr[title]::after { content: " (" attr(title) ")"; }
	a[href^="#"]::after, a[href^="javascript:"]::after { content: ""; }
	pre { white-space: pre-wrap !important; }
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; }
	tr, img { page-break-inside: avoid; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
	#top,#intro,.navbar,#menu,#back,#backhome,#read,#next{display:none;}
	iframe,embed{max-width:99%;}
}