/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,700;1,400&display=swap');
/* Font Awesome 5 : FAR font-weight:400, FAS font-weight:900 */

body {
  color: #282828;
  font-size: 18px;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 30px;
}
.pagemaster {
  width: 100%;
  position: relative;
  z-index: 1;
}
.pagelarge {
  padding: 0 4%;
}
.page {
  width: 1280px;
  margin: 0 auto;
}
.pagelarge:after, .page:after {content:"";display:table;clear:both;}
.pageflex {display:flex;}
.header {position:relative;width:100%;background:white;-webkit-animation:none;animation:none;z-index:1400;}
.header.is-sticky {position: fixed;top: 0;border-bottom: #f2f2f2 solid 1px;-webkit-transform: translateY(-100px);transform: translateY(-100px);-webkit-animation: move-down .2s forwards;animation: move-down .2s forwards;}
@-webkit-keyframes move-down {
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@keyframes move-down {
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
.logopane {float:left;}
.logopane img {margin:28px 0;}
.header.is-sticky .logopane {-webkit-transition: .5s;transition: .5s;-webkit-transform: scale(0.5);transform: scale(0.5);}
.header.is-sticky .logopane img {margin:0;}
.menu {float:right;margin:38px 0 0 0;}
.menu a:link {text-decoration:none;}
.header.is-sticky .menu {margin:10px 0 0 0;}
.content {padding:60px 0 0 0;}
.contentpane {padding:0 0 60px 0;}
.leftpane {width:70%;margin:0 60px 0 0;padding:0 0 60px 0;}
.rightpane {flex:1;padding:0 0 60px 0;}
.content2 {background:#f2f2f2;}
.contentpane2 {padding:60px 0 100px 0;}
.contentpane3 {padding:60px 0 100px 0;}
.bottom {background:#487eb9;color:white;padding:40px 0 60px 0;}
.bottom h4, .bottom .h4-headline {color:white;}
.bottom .h4-headline {margin:20px 0;}
.bottom a:link, .bottom a:visited {color:white;text-decoration:none;}
.bottom a:active, .bottom a:hover {color:white;text-decoration:underline;}
.bottompane1 {background:url("equinoxe-logobt.png") no-repeat 0 20px;color:white;min-height:128px;margin:0 80px 0 0;padding:0 0 0 280px;}
.bottompane2 {flex:1;font-size:16px;line-height:24px;}
.footer {background:white;padding:40px 0;}
.copyright {float:left;color:#aaa;font-size:14px;}
.copyright span {white-space:pre;}
.copyright a:link, .copyright a:visited {color:#aaa;text-decoration:none;}
.copyright a:active, .copyright a:hover {color:#333;text-decoration:none;}
.footerpane {float:right;}

/* Text selection */
::selection {background:#487eb9;}
::-moz-selection {background:#487eb9;}

/* BUTTONS */
a.bigbutton:link, a.bigbutton:visited {background:#487eb9;display:inline-block;font-family:'Source Sans Pro', sans-serif;font-size:18px;color:white;text-transform:uppercase;letter-spacing:1px;text-decoration:none;padding:0 20px;line-height:54px;text-align:center;}
a.bigbutton:active, a.bigbutton:hover {background:#333333;color:white;text-decoration:none;}
a.bigbutton:before {font-family:'Font Awesome 5 Free';font-weight:900;content:'\f105';margin:0 6px 0 0;}
button.bigbutton {background:#487eb9;display:inline-block;font-family:'Source Sans Pro', sans-serif;font-size:18px;color:white;text-transform:uppercase;letter-spacing:1px;text-decoration:none;padding:0 20px;line-height:54px;text-align:center;border:none;cursor:pointer;font-style:normal;}
button.bigbutton:hover {background:#333333;color:white;}

/* HEADLINES */
.h1-headline {font-family:'Source Sans Pro', sans-serif;font-weight:400;font-size:14px;color:#787878;letter-spacing:3px;text-transform:uppercase;}
.h2-headline, .h3-headline, .h4-headline {font-family:'Source Sans Pro', sans-serif;font-weight:700;font-size:44px;line-height:60px;color:#487eb9;}
.h3-headline {color:#282828;}
.h4-headline {font-size:30px;line-height:36px;}

/* Documents and links */
.documents {margin:20px 0 0 0;}
.documents a {text-decoration:none;color:#747474;}
.documents a:before {font-family:'Font Awesome 5 Free';font-weight:900;content:"\f1c1";font-size:24px;color:#e2574c;margin:0 8px 0 20px;}
.newspaper-link {margin:40px 0 0 0;}
.newspaper-link a {display:inline-block;font-family:'Source Sans Pro', sans-serif;font-size:18px;font-weight:700;padding:0 30px;line-height:48px;text-align:center;border-radius:6px;}
.newspaper-link a:link, .newspaper-link a:visited {background:#487eb9;color:white;text-decoration:none;}
.newspaper-link a:active, .newspaper-link a:hover {background:#333333;color:white;text-decoration:none;}

/* MISC */
a.linkitem:before {font-family:'Font Awesome 5 Free';font-weight:900;content:"\f0c1";font-size:16px;color:#487eb9;margin-right:6px;}
a.docitem:before {font-family:'Font Awesome 5 Free';font-weight:900;content:"\f1c1";font-size:16px;color:#e2574c;margin-right:6px;}
.bottom ul.links {list-style-type:none;-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;}
/* Responsive Embed */
.video-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}

/* Graphic Blocks */
.gblockswrapper h1 {text-align:center;}
.gblocks {display:flex;flex-wrap:wrap;justify-content:center;margin:60px 0 0 0;}
.gblock {display:block;width:360px;margin:0 20px 40px;background:white;text-decoration:none !important;}
.gblock img {display:block;width:100%;height:auto;}
.gblockstext {padding:0 30px 20px 30px;}
.gblockstext h2 {font-size:30px;line-height:36px;}
.gblockstext h3 {font-size:18px;line-height:24px;font-weight:400;}
a.gblock:hover {background:#487eb9;}
a.gblock:hover .gblockstext h2 {color:white;}
a.gblock:hover .gblockstext h3 {color:white;}
/* DA */
.it-jaune {background:#ffa423;}
.it-vert {background:#aebe00;}
.it-orange {background:#be4300;}
.it-bleu {background:#3297cf;}
.it-gris {background:#625f5f;}

/* Slider */
/* Height is calculated on JS */
.slider-container {width:100%;position:relative;overflow:hidden;min-height:320px;}
.rslides {position:absolute;list-style:none;overflow:hidden;width:100%;height:100%;padding:0;margin:0;}
.rslides li {-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;height:100%;left:0;top:0;}
.rslides li:after {background: rgba(0,0,0,.2);position: absolute;width: 100%;height: 100%;content: "";left: 0;top: 0;z-index: 1100;}
.rslides li:first-child {position:relative;display:block;float:left;}
/* Caption */
.rslides li .caption {position:absolute;bottom:120px;left:80px;color:white;z-index:1200;}
.rslides li .caption h2 {font-size:60px;line-height:60px;color:white;font-weight:400;margin:0 0 20px 0;}
.rslides li .caption h3 {color:#eee;margin:0;}
.rslides li .caption a.bigbutton {margin:20px 0 0 0;}
/* Pager */
.rslides_tabs {position:absolute;z-index:9000;bottom:40px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);list-style:none;padding:0;margin:0;}
.rslides_tabs li {display: inline;padding: 0;margin: 0 12px;}
.rslides_tabs a {text-indent: -9000px;overflow: hidden;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: rgba(255,255,255, .2);display: inline-block;width: 10px;height: 10px;}
.rslides_tabs .rslides_here a {background: white;}

/* Image Headers */
.topimageheader {height:240px;overflow:hidden;position:relative;}
.topimageheader .caption {position:absolute;top:50%;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:white;text-align:center;z-index:1200;}
.topimageheader .caption h2 {font-size:60px;line-height:60px;color:white;font-weight:400;margin:0 0 20px 0;}
.topimageheader .caption h3 {color:#eee;margin:0;}
.tih-mask:after {background: rgba(0,0,0,.2);position: absolute;width: 100%;height: 100%;content: "";left: 0;top: 0;z-index: 1100;}

/* Chantiers */
.blog {margin:40px 0 0 0;}
.blog:after {content:"";display:table;clear:both;}
.blog article {width:33.33%;position:relative;float:left;}
.blog-content img {width:100%;height:auto;}
.blog-content a {display:block;position:relative;overflow:hidden;}
.blog-overlay {background: rgba(72,126,185,0.9);position: absolute;height: 100%;width: 100%;top: 0;left: 0;opacity: 0;-webkit-transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}
.blog-content a:hover .blog-overlay {opacity:1;}
.blog-text {position: absolute;text-align: center;padding-left: 1em;padding-right: 1em;width: 100%;top: 80%;left: 50%;opacity: 0;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
.blog-content a:hover .blog-text {top:50%;opacity:1;}
.blog-content h3, .blog-content p {color:white !important;margin:0 20px;}
/* Detail */
.portfolio {background:white;}
.portfolio-flex {display:flex;}
.portfolio-img {width:40%;margin:120px 0 0 0;}
.portfolio-img img {width:100%;height:auto;}
.portfolio-content {position:relative;flex:1;padding:100px 100px 0 100px;}
.portfolio-back {position:absolute;top:50px;right:50px;}
.portfolio-header {font-weight:600;color:#c63f33;margin:12px 0 0 0;}
.portfolio-gal {padding:120px;font-size:0;}
.portfolio-gal a {margin:0 20px 20px 0;}

/* Gallery */
.gallery:after {content:"";display:table;clear:both;}
.gallery a {display:block;float:left;width:18%;margin:12px 1%;}
.gallery a img {max-width:100%;height:auto;}

/* SOCIAL ICONS */
.socialicons {margin-top:12px;font-size:0;}
.socialicons a {display: inline-block;font-size: 16px;margin: 0 5px 10px;line-height: 42px;width: 42px;text-align: center;-webkit-border-radius: 3px;border-radius: 3px;}
.socialicons a:link, .socialicons a:visited {background:white;color:#487eb9;text-decoration:none;}
.socialicons a:active, .socialicons a:hover {background:#282828;color:white;text-decoration:none;}

/* CONTACT DETAILS MAP */
.contact-wrapper {display:flex;}
.contact-infos {width:50%;margin:0 0 40px 0;}
.contact-item {position:relative;padding:0 0 0 62px;margin:0 0 40px 0;}
.ci-header span {display: block;background: #487eb9;height: 42px;width: 42px;line-height: 42px;text-align: center;border-radius: 50%;color: white;font-size: 21px;position: absolute;top: 0;left: 0;}
.contact-map {margin:0 0 40px 40px;}

/* FAQ */
.faq {margin:40px 0 0 0;}
.faq h4 {margin:0 0 20px 0;}
.faq hr {margin:0 0 40px 0;}
.faq-cat {font-size:14px;line-height:18px;text-transform:uppercase;color:#aaa;}
.accordion-content p {margin:0 0 20px 0;}

/* LABELS */
.labelswrapper h2 {text-align:center;}
.labels {display:flex;justify-content:center;flex-wrap:wrap;}
.label {display:inline-block;width:140px;height:140px;margin:0 15px 30px 15px;background:white;position:relative;}
.label img {display:block;max-height:140px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}

/* TABLE */
.datatable {margin:20px 0;border:2px solid #eee;font-size:18px;border-collapse:collapse;}
.datatable th {border:2px solid #eee;background-color:#f2f2f2;padding:12px 36px;text-align:right;font-weight:700;font-size:18px;text-transform:uppercase;font-style:normal;}
.datatable td {border:2px solid #eee;padding:12px 36px;text-align:left;}

.clearfix {clear:both;}

/* Default */
h1, h2, h3, h4, h5, h6 {font-family:'Source Sans Pro', sans-serif;font-weight:700;margin:0;line-height:normal;color:#487eb9;}
h1 {font-size:50px;line-height:54px;}
h2 {font-size:40px;line-height:44px;}
h3 {font-size:36px;line-height:40px;}
h4 {font-size:30px;line-height:36px;}
h1 a:link, h1 a:visited, h1 a:active, h1 a:hover {text-decoration:none;color:#787878;}
h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {text-decoration:none;color:#487eb9;}
h3 a:link, h3 a:visited, h3 a:active, h3 a:hover {text-decoration:none;color:#282828;}
strong {font-weight:700;}
a:link, a:visited {color:#487eb9;text-decoration:none;}
a:active, a:hover {color:#487eb9;text-decoration:underline;}
/* IE10 FIX */
a:active {background-color:transparent;}
/* DNN7 FIX */
h1, h2, h3, h4 {margin:20px 0;}
p {margin:12px 0;}
ul {margin:12px 0;padding:0;}
.contentpane ul, .leftpane ul {padding:0;margin:20px 0 20px 15px;}
.contentpane ul li, .leftpane ul li {list-style-type:none;position:relative;padding:0 0 0 24px;margin:0;}
.contentpane ul li:before, .leftpane ul li:before {font-family:'Font Awesome 5 Free';font-weight:900;font-size:10px;content:'\f111';color:#487eb9;position:absolute;top:0;left:0;}
.rightpane ul {padding:0;margin:20px 0;}
.rightpane ul li {list-style-type:none;padding:5px 0;border-bottom:#ddd solid 1px;}
.rightpane ul li:last-child {border-bottom:0;}
ul.multicolumn {-webkit-columns: 3;-moz-columns: 3;columns: 3;-webkit-column-gap: 20px;-moz-column-gap: 20px;column-gap: 20px;}
hr {border:0;height:2px;background:#ccc;margin:30px auto;max-width:170px;clear:none;}
blockquote {border-left:#ccc solid 10px;padding:0 0 0 20px;margin:40px 30px;}
blockquote, blockquote p {font-style:normal;font-size:24px;line-height:30px;font-weight:700;color:#282828;}

/* DEBUG */
.DNNEmptyPane {margin:0 !important;padding:0 !important;}
/* DNN9 Fix */
.dnnModuleManager {
    padding: 0 !important;
}
/* W3 Fix */
.w3-button {line-height:normal;}

/* MainMenu */
nav#dnnMenu {white-space:nowrap;}
nav#dnnMenu ul {list-style:none;margin:0;padding:0;}
nav#dnnMenu ul li {
  display: block;
  height: 90px;
	float: left;
	position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 0 30px;
}
nav#dnnMenu ul li a {
  display: block;
  height: 90px;
  line-height: 90px;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
  font-size: 24px;
  color: #487eb9;
  text-decoration: none;
}
nav#dnnMenu ul li a:hover {color:#282828;}
/* nav#dnnMenu ul li.rootlevel:first-child {display:none;} */
nav#dnnMenu ul li:hover, nav#dnnMenu ul li.rootlevel:last-child:hover {cursor:pointer;}
nav#dnnMenu ul li ul {
  visibility: hidden;
  opacity: 0;
	position: absolute;
	left: 0;
  z-index: 9900;
  transition: all 0.3s ease;
  background: rgba(72, 126, 185, 0.9);
  padding: 22px;
}
nav#dnnMenu ul li:hover > ul, nav#dnnMenu ul li ul:hover {visibility:visible;opacity:1;transition: all 0.3s ease;}
nav#dnnMenu ul li ul li {border-bottom:rgba(255, 255, 255, 0.3) solid 1px;height:32px;float:none;margin:0 0 2px 0;}
nav#dnnMenu ul li ul li:last-child {border-bottom:0;}
nav#dnnMenu ul li ul li a {height:36px;line-height:34px;color:#ececec;}
nav#dnnMenu ul li ul li a:hover {color:white;}

/* Side Menu */
.sidemenu {margin:0 0 40px 0;}
.lp-menu, .lp-menu * {margin:0;padding:0;list-style:none;}
ul.lp-menu {margin:0;}
ul.lp-menu li {display:block;color:#747474;padding:0;margin:0 0 2px 0;}
ul.lp-menu li:before {content:'';}
.lp-menu a {display:block;background:#f2f2f2;color:#747474;text-decoration:none;font-weight:700;padding:6px 6px 6px 16px;border-radius:3px;}
.lp-menu a, .lp-menu a:visited  {color:#747474;text-decoration:none;}
.lp-menu a:hover {background:#487eb9;color:white;}
.lpcurrent, .lpcurrent a:link, .lpcurrent a:visited {background:#487eb9;color:white;}
/*** Hide Sub-menus ***/
.lp-menu li ul {display:none;}

/* MobileMenu */
/* Button */
.navicon {border-top:#f2f2f2 solid 1px;}
.navicon a {display:block;height:50px;line-height:50px;text-align:center;text-decoration:none !important;}
.navicon a:before {font-family:'Font Awesome 5 Free';font-weight:900;content:"\f0c9";font-size:28px;color:#282828;}
/* Menu */
.mobilemenu ul {list-style:none;margin:0;padding:0 0 20px 0;font-family:'Source Sans Pro', sans-serif;font-size:24px;font-weight:700;text-align:center;}
.mobilemenu ul li {display:block;border-top:white solid 1px;}
.mobilemenu ul li a {display:block;padding:6px 20px;text-decoration:none;color:#487eb9;}
.mobilemenu ul li a:hover {color:#282828;}
.mobilemenu ul li a.disabled {color:#aaa;cursor:default;}
.mobilemenu ul li ul {padding:0;}
/*** Hide 3rd level ***/
.mobilemenu ul li li ul {display:none;}

/* PREQUERIES */
.navicon, .mobilemenu {display:none;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1340px and less */
@media screen and (max-width:1380px) {
nav#dnnMenu ul li {margin:0 0 0 18px;}
}
/* for 1280px and less */
@media screen and (max-width:1280px) {
.page {width:auto;padding:0 4%;}
.logopane {float:none;text-align:center;}
.menu {float:none;margin:0;}
}
/* for 980px and less - Only portrait for retina display */
@media all and (max-width:980px),
            screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 2940px) and (orientation: portrait),
            screen and (-webkit-min-device-pixel-ratio: 2.0) and (max-width: 1960px) and (orientation: portrait) {
nav#dnnMenu {display:none;}
.navicon {display:block;}
.pageflex {display:block;}
.leftpane {width:auto;margin:0;}
.rightpane {flex:1;}
.bottompane1 {margin:0 0 60px 0;}
.bottompane2 {flex:initial;}
.blog article {width:50%;}
.portfolio-flex {display:block;}
.portfolio-img {width:auto;margin:0;}
.portfolio-content {flex:initial;}
.logopane img, .content img, .content2 img, .content3 img {max-width:100%;height:auto !important;}
.contact-wrapper {display:block;}
.contact-infos {width:auto;}
.contact-map {margin:0 0 40px 0;}
/* for 640px and less */
@media screen and (max-width:640px) {
.pagelarge, .page {padding:0 30px;}
.content {padding:40px 0 0 0;}
.contentpane {padding:0 0 40px 0;}
.leftpane {padding:0 0 40px 0;}
.rightpane {padding:0 0 40px 0;}
.contentpane2 {padding:40px 0;}
.contentpane3 {padding:40px 0;}
.bottom {padding:40px 0;}
.bottompane1 {margin:0 0 40px 0;padding:128px 0 0 0;}
.rslides li .caption {bottom:60px;left:40px;}
.blog article {width:auto;float:none;margin:0 auto;}
.gallery a {width:23%;margin:12px 1%;}
}
/* for less than 380px */
@media screen and (max-width:380px) {
.portfolio-content {padding:0 10%;}
.portfolio-back {position:relative;top:auto;right:auto;text-align:right;}
.portfolio-gal {padding:30px;}
.gallery a {width:48%;margin:12px 1%;}
.bottom ul.links {-webkit-column-count:1;-moz-column-count:1;column-count:1;}
}