html, body { overflow-x:hidden}
html { margin:0; padding:0; }
body { font-family: 'Questrial', Helvetica, sans-serif;font-size:17px;line-height:21px;background:#fff; margin:0; padding:0; overflow-y: hidden; text-align:left}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0}
a{text-decoration:none;color:#de596c}
p {margin:1em 0;padding:0;color:#454545;font-size:17px;line-height:24px}
::-moz-selection { background: #54929a; color:#fff }
::selection { background: #54929a; color:#fff }
sup { font-family:Arial, sans-serif }
h1, h2 {color: #52495c;font-size: 30px;font-weight:400;font-family: 'Satisfy',sans-serif;}
body.home h1 {color: #52495c;font-family: "Satisfy",sans-serif;font-size: 30px;}
h2 {font-size: 22px;font-family: 'Questrial',sans-serif;color: #de596c;}
.not-shown{display:none}
.shown{display:block}

.container {z-index:1;max-width:1160px; position:relative; margin:0 auto; padding:0}
img.resp {position: absolute;top: 50% !important;left: 50% !important;float: left; opacity: 0;filter: alpha(opacity=0)}
.alignleft { max-width: 100%; height:auto; float: left !important; margin: 0 1em 1em 0; }
.alignright { max-width:  100%; height:auto; float: right !important; margin: 0 0 1em 1em; }
.aligncenter { max-width:  100%; height:auto; display: block; margin: 1em auto; float:none !important }

header, footer, nav.main, div.line {float:left;width:100%;clear:both}

body > header{transition:box-shadow .4s ease-in-out, height .4s ease-in-out;z-index:500;height:106px;border-bottom:1px solid #dadada;position:fixed;background:#fff}
body > header hr{transition:background .7s ease-in-out, color .7s ease-in-out;margin:0;border:0;height:1px;color:#dadada;background:#dadada;position:absolute;float:left;width:100%;left:0;top:39px}
body > header > div.container{transition:height .4s ease-in-out;height:106px}
body.sticky > header,body.sticky > header > div.container {height:66px}
body.sticky > header hr {transition: background .1s ease-in-out, color .1s ease-in-out;color:#fff;background:#fff;}
body.sticky > header {box-shadow: 0 0 10px #a7a7a7;}

div.liseret {transition:all .3s ease-in-out;text-align:right;line-height:40px}
div.liseret strong {padding-left:25px;font-size:17px;font-weight:400;color:#b8b8b7;position:relative}
div.liseret strong:first-child:before {content:'';background:transparent url(images/pin.svg) no-repeat center center;float:left;width:14px;height:20px;background-size:cover;position:absolute;left: 0;top: 0px;}
div.liseret strong.phone:before {content:'';background:transparent url(images/phone.svg) no-repeat center center;float:left;width:17px;height:17px;background-size:cover;position:absolute;left: 0;top: 2px;}
div.liseret strong.phone {margin-left:30px}
div.liseret strong.phone a {color: #b8b8b7;}
div.liseret strong:last-child {margin-left:30px}
body.sticky > header div.liseret{height:0;opacity:0}

#slideshow{position:relative;margin-top:106px;z-index:1;height:344px;float:left;clear:both;width:100%}
body.home #slideshow{height:100%}
.slideshow, .slideshow ul, .slideshow li {float:left;clear:both;width:100%;height:100%}
.slideshow li {background-position: 50% 50%;background-size:cover}
#slideshow > div.container {z-index:500}

div.logo {transition:height .4s ease-in-out;height: 106px;float:left;z-index:6;position: relative}
#logo {transition:all .4s ease-in-out;line-height:1500px;overflow:hidden;position:relative;width:235px;height: 105px;float:left;background:#fff}
#logo a {transition:all .4s ease-in-out;position:absolute;top: 0;left:0;float:left;background-size: cover !important;}
body.sticky > header div.logo {height:66px}
body.sticky > header #logo, body.sticky > header #logo a {height:65px !important;width:145px !important;background-size:cover !important}

nav.main {text-align: right;position:absolute;right:0;bottom: 22px;z-index:5;width:auto}
nav.main ul.menu > li {display:inline;position: relative;}
nav.main ul.menu > li > a {font-family:'Oswald',sans-serif;font-size:17px;color:#585857;text-transform:uppercase;padding:0 18px 22px 18px}
nav.main ul.menu > li:last-child > a {padding-right:0}
nav.main ul.sub-menu {display:none;position:absolute;top: 41px;left:50%;margin-left:-105px;float:left;background:#fff;text-align: left;padding:0;width:210px;border: 1px solid #e6e6e6;border-top: 0;}
nav.main ul.sub-menu ul.sub-menu {left: 314px;top: 0;border-left: 0;}
nav.main ul.sub-menu li {float:left;width:100%;border-bottom:1px solid #e6e6e6;position:relative}
nav.main ul.sub-menu li:last-child {border:0}
nav.main ul.sub-menu li a {position:relative;transition:color .4s ease-in-out;float:left;width:100%;font-size:14px;line-height:38px;color:#000;padding:0 12px}
nav.main ul.sub-menu li a:hover, nav.main ul.sub-menu li a:active {color:#009adc}
nav.main ul.sub-menu li.menu-item-has-children > a:after{position:absolute;right:12px;top:13px;content:'';background:transparent url(images/quotes_right.svg) no-repeat center center;background-size:cover;float:right;width:7px;height:12px}
nav.main ul.menu > li.menu-item:hover > ul.sub-menu, nav.main ul.menu > li.menu-item:active > ul.sub-menu, nav.main ul.menu > li.menu-item:hover > ul.sub-menu > li.menu-item:hover > ul.sub-menu, nav.main ul.menu > li.menu-item:active > ul.sub-menu > li.menu-item:active > ul.sub-menu  {display:block}

#quotes {position: absolute;z-index:110;top: 0;height: 100%;width: 100%;display: table;}
#quotes > p{font-size:72px;line-height: 83px;font-family:"Satisfy", sans-serif;color:#fff;display: table-cell;vertical-align: middle;text-align: center;text-shadow: 0 1px 1px #000;}

a.slideshow_arr {float:left;width:91px;height:72px;position:absolute;z-index:500;left:50%;margin-left:-45px;bottom:0}
.arrow {opacity: 0;position: absolute;left: 50%;bottom: 0;transform-origin: 50% 50%;transform: translate3d(-50%, -50%, 0);z-index:500;background:transparent url(images/arrow.png) no-repeat center bottom;float:left;width:91px;height:48px}
.arrow-first {-o-animation: arrow-movement 2s ease-in-out infinite;-webkit-animation: arrow-movement 2s ease-in-out infinite;-moz-animation: arrow-movement 2s ease-in-out infinite;animation: arrow-movement 2s ease-in-out infinite}
.arrow-second {-o-animation: arrow-movement 2s 1s ease-in-out infinite;-webkit-animation: arrow-movement 2s 1s ease-in-out infinite;-moz-animation: arrow-movement 2s 1s ease-in-out infinite;animation: arrow-movement 2s 1s ease-in-out infinite}
@-o-keyframes arrow-movement {
  0%   { 
    opacity: 0;
    bottom: 45%;
  }
  70% {
    opacity: 1;
  }
  100% { 
    opacity: 0;
  }
}
@-webkit-keyframes arrow-movement {
  0%   { 
    opacity: 0;
    bottom: 45%;
  }
  70% {
    opacity: 1;
  }
  100% { 
    opacity: 0;
  }
}
@-moz-keyframes arrow-movement {
  0%   { 
    opacity: 0;
    bottom: 45%;
  }
  70% {
    opacity: 1;
  }
  100% { 
    opacity: 0;
  }
}
@keyframes arrow-movement {
  0%   { 
    opacity: 0;
    bottom: 45%;
  }
  70% {
    opacity: 1;
  }
  100% { 
    opacity: 0;
  }
}

span.see-more {text-align:center;float:left;clear:both;width:100%;padding: 30px 0;}
span.see-more > a {font-family: "Questrial",sans-serif;color:#6aa0a7;font-size:16px;line-height:36px;border:1px solid;border-radius:8px;padding: 10px 15px;transition:border .4s ease-in-out, background .4s ease-in-out, color .4s ease-in-out}
span.see-more > a:hover, span.see-more > a:active {color:#fff;background:#6aa0a7;border-color:transparent}
#photos span.see-more{padding-top:0}
#photos span.see-more > a {color:#52495c}
#photos span.see-more > a:hover, #photos span.see-more > a:active {color:#fff;background:#52495c}
div.table{display:table;float: left;width: 100%;}
div.presentation{background:#fff url(images/intro_bkg.jpg) no-repeat center center;background-size:cover;padding: 75px 0;position: relative;}
div.presentation:after{content:'';background: rgba(82, 73, 92, .9);position:absolute;top:0;left:0;float:left;width:100%;height:100%;z-index: 0;}
div.presentation div.content{padding: 50px 30px;background: #fff;}
div.presentation div.short{width: 65%;display: table-cell;vertical-align: top;}
div.presentation div.content > div {margin-top:45px}
div.presentation div.content p{color: #52495c;font-size: 18px;line-height: 38px;}
div.presentation div.content > div > ul,  #ctx div.content> ul, ul.extra-content > li > div > ul, ul.extra-content > li > div > ol{margin: 1em 0;}
div.presentation div.content > div > ul li, div.presentation div.content > div > ol li, #ctx div.content > ul li, #ctx div.content > ol li, ul.extra-content > li > div > ul > li, ul.extra-content > li > div > ol > li, .page-template-template-mentions #ctx div li{padding-left:1em;position:relative;color: #52495c;font-size: 17px;line-height: 38px;}
.page-template-template-mentions #ctx div li{line-height: 24px}
div.presentation div.content > div > ol li, #ctx div.content > ol li {padding-left:0}
div.presentation div.content > div > ul > li:before,#ctx div.content > ul li:before, ul.extra-content > li > div > ul > li:before, ul.extra-content > li > div > ol > li:before, .page-template-template-mentions #ctx div li:before{color:#de596c;content:'\2022';position: absolute;left:0}
div.presentation div.content > div > ol, #ctx div.content > ol {margin: 1em 0;list-style-type:decimal;list-style-position:inside}
div.presentation div.side {width: 35%;display: table-cell;padding-left: 20px;}
div.presentation div.side > a {padding-left:130px;position:relative;float:left;width:100%;clear:both;height:148px;margin-bottom:20px;background:#30c998;color:#fff;text-transform:uppercase;font-size:17px;display:table}
div.presentation div.side > a > strong {font-weight:normal;display:table-cell;vertical-align:middle}
div.presentation div.side > a:last-child {margin-bottom:0}
div.presentation div.side > a:before {content:' ';float:left;width:52px;height:52px;position:absolute;left:40px;top:50%;margin-top:-26px;background:transparent url(images/pencil.svg) no-repeat center center;background-size:cover;transform: rotate(-90deg);}
div.presentation div.side > a:nth-child(2n+2) {background:#41868f}
div.presentation div.side > a:nth-child(3n+3) {background:#bcd963}

div#breadcrumbs {transition:top .4s ease-in-out;float:left;width:100%;clear:both;position:absolute;top: 414px;left:0;background: rgba(219,73,94,.5);z-index:40;}
div#breadcrumbs ul {height: 36px;line-height: 36px;}
div#breadcrumbs ul li {color:#fff;font-size:14px;display:inline}
div#breadcrumbs ul li a {color:#fff;font-size:14px}
div#breadcrumbs ul li a:hover, div#breadcrumbs ul li a:active {text-decoration:underline}
div#breadcrumbs ul li.separator {margin: 0 5px;}

#ctx {float:right;width:100%;clear:both;margin-top:60px}
#ctx.short {width:72%} 
#ctx div.left {float:left;width:30%}
#ctx div.right {float:left;width:calc(70% - 40px);margin-left:40px}
#ctx h1{position:relative;line-height:1}
.page-template-template-formation #ctx h1:after{content:'';width:90px;height:3px;background:#cdcdcd;float:left;position:absolute;left:0;bottom:-25px}
strong.desc{font-weight:400;font-size:20px;color:#24caee;margin-top: 40px;clear:both;display:block;line-height: 1.2em;}
#ctx div.left > a {border:1px solid #24caee;color:#525252;text-transform:uppercase;height:56px;line-height:56px;float:left;clear:both;margin-top:30px;padding:0 15px 0 50px;position:relative}
#ctx div.left > a > span{}
#ctx div.left > a > span:before {content:'';position:absolute;top:12px;left:12px;float:left;width:29px;height:33px;background:transparent url(images/brochure.svg) no-repeat center center;background-size:cover}
#ctx div.right ul, #ctx div.right ul li {float:left;width:100%;clear:both}
#ctx div.content ul li > div {padding:25px;margin:5px 5px 0 5px;background:#f7f7f7;float:left;width:calc(100% - 10px);clear:both}
#ctx div.content ul li > div > p, #ctx div.right ul li > div a {color:#000}
div.presentation div.content ul li > ul > li:before{content:'\2022';position:absolute;left:0;color:#de596c}
div.presentation div.content ul li > ul > li > ul, #ctx div.right ul li > div > ul > li > ul > li > ul {margin-top:1em}
div.presentation div.content ul li > ul > li > ul > li:before{color:#de596c;content:'\2022';position:absolute;left:0}
div.presentation div.content ul li > ul > li > ul > li > ul > li:before{content:'\2022';position:absolute;left:0;color:#de596c;}
div.content{padding-top:20px}
div.content p {color:#000}
div.content strong{font-weight: 400;text-shadow: 0 0 1px #666;font-size:17px}

#ctx div.content div.gallery, ul.extra-content li > div > div.gallery {margin:1em 0}
#ctx div.content dt.gallery-icon a, ul.extra-content li > div > div.gallery dt.gallery-icon a{float:left;width:100%;height:210px;position:relative;overflow:hidden}
#ctx div.content dt.gallery-icon a:after, ul.extra-content li > div > div.gallery dt.gallery-icon a:after {content:'';position:absolute;top:0;left:0;float:left;width:100%;height:100%;transition:opacity .4s ease-in-out;opacity:0;background:rgba(82,73,92,.7)}
#ctx div.content dt.gallery-icon a:hover:after, #ctx div.content dt.gallery-icon a:active:after, ul.extra-content li > div > div.gallery dt.gallery-icon a:hover:after, ul.extra-content li > div > div.gallery dt.gallery-icon a:active:after {opacity:1}
#ctx div.content dt.gallery-icon a:before, ul.extra-content li > div > div.gallery dt.gallery-icon a:before {content:'';position:absolute;top:50%;left:50%;margin:-40px 0 0 -40px;float:left;width:80px;height:80px;border-radius:50%;transition:opacity .4s ease-in-out;opacity:0;background:rgba(82,73,92,.7) url(images/picture.svg) no-repeat center center;background-size:32px;z-index:1}
#ctx div.content dt.gallery-icon a:hover:before, #ctx div.content dt.gallery-icon a:active:before, ul.extra-content li > div > div.gallery dt.gallery-icon a:hover:before, ul.extra-content li > div > div.gallery dt.gallery-icon a:active:before {opacity:1}

#ctx div.content .gallery-columns-2 .gallery-item, ul.extra-content li > div > div.gallery-columns-2 .gallery-item {max-width:calc(50% - 10px);}
#ctx div.content .gallery-columns-3 .gallery-item, ul.extra-content li > div > div.gallery-columns-3 .gallery-item {max-width:calc(33.3% - 10px);}
#ctx div.content .gallery-columns-4 .gallery-item, ul.extra-content li > div > div.gallery-columns-4 .gallery-item {max-width:calc(25% - 12px);}
#ctx div.content .gallery-columns-5 .gallery-item, ul.extra-content li > div > div.gallery-columns-5 .gallery-item {max-width:calc(20% - 12px);}
#ctx div.content .gallery-columns-6 .gallery-item, ul.extra-content li > div > div.gallery-columns-6 .gallery-item {max-width:calc(16.7% - 10px);}
#ctx div.content .gallery-columns-7 .gallery-item, ul.extra-content li > div > div.gallery-columns-7 .gallery-item {max-width:calc(14.28% - 10px);}
#ctx div.content .gallery-columns-8 .gallery-item, ul.extra-content li > div > div.gallery-columns-8 .gallery-item {max-width:calc(12.5% - 10px);}
#ctx div.content .gallery-columns-9 .gallery-item, ul.extra-content li > div > div.gallery-columns-9 .gallery-item {max-width:calc(11.1% - 10px);}
#ctx div.content .gallery.default .gallery-item, ul.extra-content li > div > div.gallery.default .gallery-item {margin: 0 15px 15px 0;}
#ctx div.content .gallery-columns-3 .gallery-item:nth-child(3n+3), 
#ctx div.content .gallery-columns-4 .gallery-item:nth-child(4n+4),
#ctx div.content .gallery-columns-5 .gallery-item:nth-child(5n+5),
ul.extra-content li > div > div.gallery-columns-3 .gallery-item:nth-child(3n+3), 
ul.extra-content li > div > div.gallery-columns-4 .gallery-item:nth-child(4n+4),
ul.extra-content li > div > div.gallery-columns-5 .gallery-item:nth-child(5n+5) {margin-right:0}

ul.extra-content {margin:1em 0}
ul.extra-content > li > strong {font-size: 16px;color: #fff;background: #958b9f;border-radius: 6px;padding: 4px 15px;font-weight: 400;display: block;}
ul.extra-content > li > div {background: #f7f7f7;margin: 8px 5px;padding: 15px 20px;}
ul.extra-content > li > div > p, ul.extra-content > li > div > ul > li, ul.extra-content > li > div > ol > li {font-size: 16px;color: #4e3d5f;line-height: 30px;margin: .5em 0;}

#news {text-align:center;float: left;width: 100%;height: auto;position: relative;padding: 20px 0;}
#news > strong{margin: 40px 0;display: block}
#news > strong > a, #photos h2 a {font-family: "Satisfy",sans-serif;font-size: 48px;color: #6aa0a7;font-weight:400;}
#photos h2 a {color:#52495c;line-height: 51px;}
#news ul.cycle, #news ul.cycle > li {overflow: hidden;float:left;height: 530px;width:100%;}
#news ul.cycle > li > ul > li {float:left;width:calc(100% / 3);padding:0 30px;position: relative;height: 530px;}
#news ul.cycle > li > ul > li strong{font-weight:normal;float:left;margin:10px 0;clear:both;width:100%;text-align:center;color: #c2d8db;font-size: 18px;}
#news ul.cycle > li > ul > li header{height:auto;position: relative;border: 0;background: none;}
#news ul.cycle > li > ul > li header h1 {line-height: 28px;font-family: "Questrial",sans-serif;font-size:24px;font-weight:400;color: #41868f;margin-bottom: 15px;float: left;width: 100%;}
#news ul.cycle > li > ul > li div.illustr{position:relative;width:100%;height: 274px;float:left;overflow:hidden;border: 1px solid #41868f;padding:8px;}
#news ul.cycle > li > ul > li div.img{position:relative;width:100%;height: 256px;float:left;overflow:hidden;}
#news ul.cycle > li > ul > li p {margin:0;line-height: 31px;float: left;width: 100%;clear:both;}
#news ul.cycle > li > ul > li span.read_more {width:36px;height:36px;float:left;position:absolute;bottom: 0;left:50%;margin-left:-18px;background: #c2d8db url(images/read_more.svg) no-repeat center center;background-size:cover;border-radius: 50%;overflow: hidden;}
#news_prev, #news_next {background:transparent url(images/arrow_left.svg) no-repeat center center;float:left;width:63px;height:48px;position:absolute;top:50%;margin-top: -24px;left:-70px;background-size:cover;cursor: pointer;}
#news_next {left:inherit;right:-70px;background-image: url(images/arrow_right.svg);}

li.news-list{float:left;width:100%;border-bottom: 1px solid #525252;padding: 15px 0;}
li.news-list:last-child{border:0}
li.news-list .news-content > span{float:right;text-decoration:underline;font-size:13px;color:#000}
li.news-list .news-image{float:left;width:150px;height:130px;overflow:hidden;position:relative}
li.news-list .news-content{float:right;width:calc(100% - 170px);margin-left:20px}
div.pagination{padding-top:20px;text-align: center;float: left;clear: both;width:100%}

.post_slideshow, .post_slideshow li{float:left;width:100%;height:660px;background:#000;text-align:center;overflow:hidden}
.post_slideshow li img{height:100%;width:auto}
.post_slideshow{position:relative}
#post_slideshow_prev, #post_slideshow_next{z-index:500;cursor:pointer;position:absolute;top:50%;left:20px;float:left;width:40px;height:40px;background:transparent url(images/quotes_left.svg) no-repeat center center;background-size:cover}
#post_slideshow_next{left:inherit;right:20px;background-image:url(images/quotes_right.svg)}

div.sub-menu {float:left;width:calc(28% - 50px);margin-right:50px;margin-top: 40px;background: #4e3d5f;padding: 20px 0 20px 10px;}
div.sub-menu strong.mobile a{vertical-align:middle;display:table-cell}
ul.intermediate{float:left;width:100%;clear:both;}
ul.intermediate li,div.sub-menu strong.mobile{width: 100%;float: left;min-height: 46px;display: table;position:relative;font-weight:400}
ul.intermediate li a,div.sub-menu strong.mobile a{width:100%;color: #db495e;font-size: 18px;display: table-cell;vertical-align: middle;transition:color .4s ease-in-out;position:relative;z-index: 2;padding-left: 40px;padding-top: 5px;padding-bottom: 5px;}
ul.intermediate li:after, ul.intermediate li.current:after, div.sub-menu > strong.mobile.current:after{content:'';position:absolute;float:right;width:0;background: #7a405f;height:100%;transition:width .4s ease-in-out;top: 0;right: 0;}
ul.intermediate li a:hover, ul.intermediate li a:active, ul.intermediate li.current a, div.sub-menu > strong.mobile.current a{color:#fff}
ul.intermediate li:hover:after, ul.intermediate li:active:after, ul.intermediate li.current:after, div.sub-menu > strong.mobile.current:after{width:100%}

#photos {background:transparent url(images/gallery_bkg.jpg) no-repeat center center;background-size:cover;padding: 70px 0 10px 0;text-align: center;position:relative;float: left;width: 100%;}
#photos:after {content:'';background:rgba(255,255,255,.95);position:absolute;top:0;left:0;float:left;width:100%;height:100%}
#photos ul {float:left;width:100%;clear:both;height:auto;margin-top: 70px;margin-bottom: 25px;}
#photos li {float:left;width: 270px;position:relative;height:270px;overflow: hidden;margin: 0 25px 25px 0;}
#photos li:nth-child(4n+4) {margin-right:0}
#photos li a {float:left;width:100%;height:100%;position:relative}
#photos li a:after {content:'';position:absolute;top:0;left:0;float:left;width:100%;height:100%;transition:opacity .4s ease-in-out;opacity:0;background:rgba(82,73,92,.7)}
#photos li a:hover:after, #photos li a:active:after {opacity:1}
#photos li a:before {content:'';position:absolute;top:50%;left:50%;margin:-40px 0 0 -40px;float:left;width:80px;height:80px;border-radius:50%;transition:opacity .4s ease-in-out;opacity:0;background:rgba(82,73,92,.7) url(images/picture.svg) no-repeat center center;background-size:32px;z-index:1}
#photos li a:hover:before, #photos li a:active:before {opacity:1}

#jobs-list {float:left;width:65%;margin:30px 0;background:#54929a;padding: 30px 30px 20px 30px;height:260px}
#jobs-list.long, .post-type-archive-jobs #jobs-list {width:100%}
.post-type-archive-jobs #jobs-list {height:auto;padding-bottom:0;background:none;padding:0}
#jobs-list h2 {color:#fff;font-size:30px;display:inline-block;vertical-align:top}
#jobs-list .see-all{display:inline-block;color:#fff;background:#5aa0a2;border-radius:8px;padding: 5px 15px;font-size: 16px;margin-left: 20px;vertical-align: top;margin-top: -5px;float: right;}
.jobs-list {float:left;width:100%;margin-top:30px}
.jobs-list header {float:none;display:inline-block;width:auto}
.jobs-list li h1 {color:#fff;font-family:"Questrial",sans-serif;font-size:16px;font-weight:bold;line-height:30px}
.jobs-list li div.summary {color:#fff;font-size:16px;line-height: 30px;float: left;width:100%}
.jobs-list li article > span, .post-type-archive-jobs #jobs-list li span.more {float:right;width:40px;height:40px;border-radius:50%;background: #5aa0a2 url(images/arrow-news.svg) no-repeat center center;margin-top: 20px;overflow: hidden;line-height: 1500px;background-size: 22px;}
.jobs-list li article > small {display: inline-block;color: #fff;font-size: 16px;font-weight: bold;padding-left: 20px;position: relative;}
.jobs-list li article > small:before {content:'|';position: absolute;top: 0;left:8px}
.post-type-archive-jobs #jobs-list li{float:left;width:100%;margin-bottom: 10px;padding-bottom:20px;border-bottom:1px solid #fff;background: #54929a;padding: 30px 30px 20px 30px;}
.post-type-archive-jobs #jobs-list li a {font-size: 16px;line-height: 30px;color:#fff}
.post-type-archive-jobs #jobs-list li a > strong {font-size:18px}
.post-type-archive-jobs #jobs-list li:last-child{border:0;}

#events-list {float:left;width: calc(35% - 20px);border:1px solid #68a1a5;margin: 30px 0 30px 20px;height: 260px;padding:20px}
#events-list > div > h2 {display: inline-block;vertical-align: top;text-transform: uppercase;font-size:21px;color: #54929a;font-weight:400}
#events-list > ul {margin-top:20px}
#events-list > ul, #events-list li, #events-list li a {float:left;width: 100%;clear:both}
#events-list li a {position:relative;z-index:2;padding-left:60px;}
#events-list li {position:relative;height:46px;overflow:hidden;margin-bottom:15px}
#events-list li:last-child {margin:0}
#events-list li:before {position:absolute;top:9px;left:5px;content:'';height:28px;width:28px;float:left;background:transparent url(images/calendar.svg) no-repeat center center;background-size:cover}
#events-list li span.date {color:#555555;font-size:15px}
#events-list li h1 {font-weight:bold;font-size:18px;color:#555555;font-family:"Questrial",sans-serif;float: left;width: 240px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#events-list li a:after {content: '';background: transparent url(images/events_more.svg) no-repeat center center;width: 34px;height: 34px;float: left;position: absolute;top: 6px;right: 0;}
#events-list li:after {content: '';background: #9cc0c4;width: 34px;height: 34px;float: left;position: absolute;top: 6px;right: 0;border-radius: 50%;}
#events-list .see-all{float: right;display:inline-block;color:#fff;background:#9cc0c4;border-radius:8px;padding: 5px 15px;font-size: 16px;margin-left: 20px;vertical-align: top;margin-top: -5px;}

body.post-type-archive-events #events-list, #events-list.long {width:100%;margin:30px 0;height:auto;}
body.post-type-archive-events #events-list {border:0;padding:0}
#events-list.long ul {margin-top:40px}
body.post-type-archive-events #events-list li, #events-list.long li {border:1px solid #68a1a5;clear:none;width: calc(100% / 3 - 10px);height: auto;margin-right: 15px;}
#events-list.long li {border:0;width: calc(100% / 3 - 30px);margin-right: 30px;}
body.post-type-archive-events #events-list li > a, #events-list.long li > a {padding:20px 0 20px 60px}
#events-list.long li > a {padding-top:0}
body.post-type-archive-events #events-list li:nth-child(3n+3) {margin-right:0}
body.post-type-archive-events #events-list li span.date {float:left;width:100%}
body.post-type-archive-events #events-list li > a > strong{font-weight:bold;font-size:18px;color:#555555;font-family:"Questrial",sans-serif;float: left;width: 240px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
body.post-type-archive-events #events-list li:before {top:15px;left:15px}
body.post-type-archive-events #events-list li a:after, body.post-type-archive-events #events-list li:after {right:15px;top:30px}

#partners ul {float:left;width:100%;height:100%;}
#partners li {float: left;width: calc(100% / 3);text-align: center;height: 190px;line-height: 190px;}
#partners li a {float:left;width:100%}
#partners li a > img {max-width:50%;height:auto}
ul.partners li {line-height: 110px !important;overflow: hidden;float:left;text-align:center;margin-bottom: 15px;position:relative;padding-left:0 !important;clear: none;width: calc(100% / 3 - 10px);height: 190px;margin-right: 15px;}
ul.partners li:nth-child(3n+3) {margin-right:0}
ul.partners li:before {display:none}
ul.partners li img {max-width: 50%;height: auto;} 

#contact-form, #jobs_form {float: none;width:100%;margin: 2em auto;}
#contact-form > div, #jobs_form > div {margin:1em 0;clear: both}
#contact-form label, #jobs_form label {float:left;width: 30%;height: 30px;line-height: 30px}
#contact-form input[type=text], #contact-form input[type=email], #contact-form textarea, #contact-form select,
#jobs_form input[type=text], #jobs_form input[type=email], #jobs_form textarea{font-family: 'Questrial', sans-serif;font-size:14px;border:1px solid #dadada;background:#fff;width:70%;height:30px;padding: 2px 5px}
#contact-form textarea, #jobs_form textarea{height:200px}
#re-captcha {float:left;width:70%}
div.g-recaptcha {float:right}
#contact-form #email2{display:none}
#contact-form div.submit, #jobs_form div.submit{width:100%}
#contact-form input[type=submit], #jobs_form input[type=submit] {font-family:'Questrial', sans-serif;float:right;background: #52495c;color: #fff;border: 0;text-transform: uppercase;padding: 10px 40px;margin-top:2.75em;font-size:14px;transition:background .4s ease-in-out}
#contact-form input[type=submit]:hover, #jobs_form input[type=submit]:hover {background:#db495e}

.map_ctx{padding-bottom:40px;float: left;clear: both;width: 100%;margin-top: 20px !important;}
.map_ctx #map {height: auto;margin-top:0}
#map, #map_canvas {height: 300px;float:left;width:100%;}
#map{border-top:3px solid #fff}
body.home #map_canvas {height:100%}
div.map a.contact{background: #951b81 url(images/map.svg) no-repeat 6px 3px;color:#fff;position: absolute;top: 40px;right: 0;float: left;padding: 10px 15px 5px 42px;background-size: 18%;line-height: 21px;font-size: 16px;}
#map div.infos > div{float:left;width:50%}

.page-template-template-mentions div.line div.container #ctx > div {margin-top:2em}

#footer_menu {height:150px}
#footer_menu ul.menu {height: 150px;float: left;width: 100%;text-align:center}
#footer_menu ul.menu li {display:inline-block;height: 150px;line-height: 150px;width: calc(100% / 3 - 4px);}
#footer_menu ul.menu li a {color:#525252;font-size:25px;font-family:'Oswald',sans-serif;position:relative;padding-left: 62px;}
#footer_menu ul.menu li a:before {content:'';float:left;width:45px;height:45px;position: absolute;left: 0;top: 50%;margin-top: -22px;}
#footer_menu ul.menu li:nth-child(1) a:before {background:transparent url(images/compass.svg) no-repeat center center;background-size:cover}
#footer_menu ul.menu li:nth-child(2) a:before {background:transparent url(images/pronote.png) no-repeat center center;background-size:cover}
#footer_menu ul.menu li:nth-child(3) a:before {background:transparent url(images/download.svg) no-repeat center center;background-size:cover}

footer {height:150px;border-top: 3px solid #fff;background: #de596c;margin-top:50px}
footer.fixed {position:fixed;bottom:0;left:0}
body.home footer {margin:0}
footer > div.container > div {padding:0 95px;display:table-cell;vertical-align:middle;height:146px}
footer > div.container > div:first-child {padding-left:0}
footer > div.container > div:last-child {padding-right:0}
footer > div.container > div.social {padding: 0;}
footer > div.container > div.social > a{margin: 5px;}
footer > div.container > div a.link{margin-right:20px}
footer div.copyright{padding-right:205px !important}
footer a.fb{background:transparent url(images/icon-facebook-fff.svg) no-repeat center center;background-size:10px 18px;float:left;width:38px;height:38px;overflow:hidden;line-height:1500px;border-radius:50px;border:2px solid #fff}
footer a.instagram{background:transparent url(images/icon-instagram-fff.svg) no-repeat center center;background-size:18px 18px;float:left;width:38px;height:38px;overflow:hidden;line-height:1500px;border-radius:50px;border:2px solid #fff}
footer *{font-size:12px;line-height:24px;color:#fff;text-transform:uppercase}

.mobile_menu {display:none;float: right;width:65px;height:65px;position: relative;padding:0 7px;cursor: pointer}
span.hamburger {float:left;width:25px;padding:0;position:absolute;right:20px;z-index:55;top:30px}
span.hamburger span{-webkit-transition-delay: .2s;-webkit-transition-duration: 0s}
span.hamburger span, span.hamburger span:before, span.hamburger span:after {position: absolute;width: 30px;height: 3px;background: #db495e;border-radius: 3px;}
span.hamburger span:before {-moz-transition: margin .2s ease-in-out;-o-transition: margin .2s ease-in-out;-webkit-transition: margin .2s ease-in-out;transition: margin .2s ease-in-out;-webkit-transition-delay: .2s;transition-delay: .2s;content : ' ';margin-top: -8px;background:#4f3e60}
span.hamburger span:after {-moz-transition: margin .2s ease-in-out;-o-transition: margin .2s ease-in-out;-webkit-transition: margin .2s ease-in-out;transition: margin .2s ease-in-out;-webkit-transition-delay: .2s;transition-delay: .2s;content : ' ';margin-top: 8px;background:#41868f}
span.mobile_menu {text-transform:uppercase;display:none;color: #fff;font-size: 18px;font-family: Roboto, sans-serif;line-height: 60px;position:absolute;top:0;left:20px}
span.hamburger.cross > span {-webkit-transition-delay:0s;transition-delay: 0s;background: #fff}
span.hamburger.cross span:before {-moz-transition: transform .2s ease-in-out;-o-transition: transform .2s ease-in-out;-webkit-transition: transform .2s ease-in-out;transition: transform .2s ease-in-out;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);margin:0}
span.hamburger.cross span:after {-moz-transition: transform .2s ease-in-out;-o-transition: transform .2s ease-in-out;-webkit-transition: transform .2s ease-in-out;transition: transform .2s ease-in-out;-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);transform: rotate(45deg);margin:0}

html.IE-fix #partners li, html.IE-fix #news ul.cycle > li > ul > li {width:calc(100% /3 - 1px)}

@media (max-width: 1024.9px) {
	
	#news ul.cycle > li > ul > li {padding: 0 15px;}
	#news_prev{left:10px}
	#news_next{right:10px}
	#news ul.cycle{float:none;margin:0 auto;width:85%}
	#news {width:100%;float:none;margin: 0 auto}
	.jobs-list li article > span, .post-type-archive-jobs #jobs-list li span.more{margin-top:0}
	#events-list li h1{width:200px}
	#events-list > div > h2{font-size:19px}
	#photos ul{float: none;width:86%;margin: 70px auto 25px auto;}
	#photos ul li:nth-child(3n+3){margin-right:0 !important}
	#photos ul li:nth-child(4n+4){margin-right:25px}
	footer > div.container > div{padding: 0px 45px;}
	footer div.copyright{padding-right:140px !important;}
	footer{height:auto}
	strong.phone{margin-right:20px}
	nav.main{right:20px}
	nav.main ul.menu > li > a{font-size:15px;padding: 0 12px 22px 12px}
	#news ul.cycle > li > ul > li p{font-size:15px;line-height:28px}
	#ctx, #breadcrumbs{padding:0 20px}
	.page-template-default #ctx.short{padding:0 20px 0 0}
	.post-type-archive-jobs div.left {padding:0 20px}
	
}
@media (max-width: 768.9px) {

	#news ul.cycle{width:70%}
	nav.main{right:0}
	div.presentation{padding:30px}
	div.table, div.presentation div.side, div.presentation div.content{display: block;}
	div.presentation div.short{width:100%}
	div.presentation div.side{margin:20px 0 0 0;width:100%;padding-left: 0;}
	#jobs-list{width:100%}
	.post-type-archive-jobs div.left select{width:70%}
	#events-list{margin-top:0;width: calc(100% - 40px);}
	#photos ul{width: 97%;}
	#photos li{width: 230px;margin: 0 19px 19px 0;height: 230px;}
	#photos ul li:nth-child(4n+4){margin-right:19px}
	footer > div.container > div{padding:0}
	footer div.copyright{padding-right:80px !important}
	footer > div.container > div:last-child{padding-right:10px}
	#quotes > p{font-size: 62px;}
	#news ul.cycle > li header{height:auto;position: relative;border: 0;background: none;}
	#news ul.cycle > li header h1 {line-height: 28px;font-family: "Questrial",sans-serif;font-size:24px;font-weight:400;color: #41868f;margin-bottom: 15px;float: left;width:100%;}
	#news ul.cycle > li div.illustr{position:relative;width:100%;height: 274px;float:left;overflow:hidden;border: 1px solid #41868f;padding:8px;}
	#news ul.cycle > li div.img{position:relative;width:100%;height:100%;float:left;overflow:hidden}
	#news ul.cycle > li p {margin:0;line-height: 31px;float: left;width: 100%;clear:both;}
	#news ul.cycle > li span.read_more {width:36px;height:36px;float:left;position:absolute;bottom: 0;left:50%;margin-left:-18px;background: #c2d8db url(images/read_more.svg) no-repeat center center;background-size:cover;border-radius: 50%;overflow: hidden;}
	#news ul.cycle > li a > strong {font-weight:normal;float:left;margin:10px 0;clear:both;width:100%;text-align:center;color: #c2d8db;font-size: 18px;}
	#news ul.cycle, #news ul.cycle > li{height:480px}
	div#breadcrumbs{top:374px}
	body.post-type-archive-events #events-list li {width:100%}
	#breadcrumbs{display:none}
	div.sub-menu {margin:0;width:100%;padding: 10px 0 10px 10px;}
	div.sub-menu strong.mobile{color: #fff;position:relative;}
	div.sub-menu strong.mobile span:after{transition:transform .4s ease-in-out;content:'+';float:right;color: #fff;font-size: 36px;position:absolute;right: 40px;top:10px}
	div.sub-menu strong.mobile.opened span:after{transform:rotate(-45deg)}
	div.sub-menu ul.intermediate {display:none}
	div.sub-menu > strong.mobile.current:after {background:none}
	header div.liseret{display:none !important}
	
	/*****/

	
	#footer_menu, #footer_menu ul.menu{height:auto}
	#footer_menu ul.menu li{height: 120px;line-height: 120px;width: calc(100% / 3)}
	.mobile_menu, span.hamburger {display:block}
	nav.main{position:fixed;bottom:inherit;top:66px;width:100%;text-align:center;z-index:999;display:none;height:auto;background:#52495c}
	div.liseret strong{font-size: 13px}
	div.liseret strong:first-child:before{top:-2px}
	div.liseret strong:last-child:before{top:0}
	nav.main > div > ul > li:last-child > ul > li{width:100%;height:auto !important;line-height:auto!important}
	nav.main li{margin:0 !important;padding-left:0 !important;float:left !important;width:100% !important;height:auto !important;border-right:0 !important}
	nav.main > div > ul > li > a{text-align: center;height:48px !important;line-height:48px !important;float: left;width: 100%;border-bottom:1px solid rgba(255,255,255,.5)}
	nav.main > div > ul > li > ul > li {border-bottom:1px solid rgba(255,255,255,.5);height:48px !important;line-height:48px !important;float: left;width: 100%;}
	nav.main > div > ul > li > ul a{margin-left: 0;text-align:center;float: left;width: 100%;line-height: 48px}
	nav.main > div > ul > li > ul a:before{display:none}
	nav.main ul.sub-menu {border: 0;display:none;float:left;width:100%;margin:0}
	nav.main > div > ul > li, nav.main > div > ul > li > ul > li{padding-top:0;position:initial !important}
	nav.main > div > ul > li:last-child, nav.main > div > ul > li:last-child > a {border:0 !important}
	nav.main > div > ul > li:first-child > ul{display:block}
	nav.main > div > ul > li:last-child > ul > li > a{margin-left:0}
	nav.main li.menu-item-has-children > a:after, nav.main ul.sub-menu li.menu-item-has-children > a:after{left: inherit;bottom: inherit;content:' ';position:absolute;top: 12px;right:20px;float:left;width:15px;height:23px;background: transparent url(images/arrow_menu.png) no-repeat left -23px;}
	nav.main > div > ul > li > a.clicked, nav.main > div > ul > li:last-child > ul > li > a.clicked{background:#fff;color:rgb(152,29,32)}
	nav.main > div > ul > li > a.clicked:after, nav.main > div > ul > li:last-child > ul > li > a.clicked:after{background-position:0 -23px}
	nav.main > div > ul > li > ul > li > ul > li:last-child a{border:0}
	nav.main > div > ul > li > ul.sub-menu,nav.main > div > ul > li > ul.sub-menu ul.sub-menu {background:#009bdc;position:absolute;top:0;left:100%}
	nav.main > div > ul > li > ul.sub-menu > li:last-child {border:0}
	nav.main li.back{text-align:center;text-transform:uppercase;background:#fff;color:#009bdc}
	nav.main li.back:before{content:' ';position:absolute;top: 12px;left:20px;float:left;width:15px;height:23px;background:transparent url(images/arrow_menu.png) no-repeat left top;}
	nav.main ul.menu li a{position:relative;line-height: 48px;padding:0 !important;color:#fff !important;font-family:"Questrial", sans-serif}
	nav.main ul.menu > li.menu-item:hover > ul.sub-menu, nav.main ul.menu > li.menu-item:active > ul.sub-menu, nav.main ul.menu > li.menu-item:hover > ul.sub-menu > li.menu-item:hover > ul.sub-menu, nav.main ul.menu > li.menu-item:active > ul.sub-menu > li.menu-item:active > ul.sub-menu {display:none}
	nav.main ul.sub-menu li{border-bottom:1px solid rgba(255,255,255,.5)}
	#slideshow {margin-top:66px}
	#ctx div.right, #ctx div.left {float:left;width:100%;clear:both;margin:0}
	#ctx div.left > a{margin-bottom:30px;width:100%;text-align: center}
	#ctx div.left > a > span{position:relative}
	#logo{left:10px}
	#ctx div.left > a > span:before{top:-6px;left:-40px}
	div.presentation div.side > a{padding-left:120px}
	div.presentation div.side > a.taxe-dapprentissage:before{left:28px;width: 72px;height: 62px;margin-top:-31px}
	div.presentation div.side > a.voyages-scolaires:before{left:30px;width: 66px;height: 66px;margin-top:-33px}
	div.presentation div.side > a.inscriptions:before{left:40px;width:52px;height:52px;margin-top:-26px}
	div.presentation div.side > a.journal:before{left:40px;width:52px;height:52px;margin-top:-26px}
	footer a.fb {float: none;margin: 0 auto;display: block}
	#ctx div.left > a{height:56px;line-height:56px}
	#ctx div.left > a > span {display:initial;vertical-align: middle;height:56px}
	
}
@media (max-width: 425.9px) {
	
	.alignleft, .alignright, .aligncenter {max-width: 100%;height:auto;float: none !important;margin: 1em auto;display: block;}
	div.presentation div.content p > img {max-width: 100%;height:auto;}
	li.news-list .news-content{width:100%;margin:0}
	li.news-list .news-content > h2{float:left;width:100%}
	li.news-list .news-image {width:100%;margin: 1em 0;height:150px}
	#jobs-list{height: auto;padding:20px 10px}
	#jobs-list .see-all{float:right}
	.jobs-list, .jobs-list li div.summary{margin-top:10px}
	#photos ul{margin-bottom:20px;float: left;width: 100%;padding: 0 10px;margin-top: 50px;}
	#photos li {margin: 0 10px 10px 0;width: calc(50% - 5px);}
	#photos ul li:nth-child(3n+3) {margin-right:10px !important}
	#photos ul li:nth-child(2n+2) {margin-right:0 !important}
	footer > div.container > div:first-child{display:none}
	footer > div.container > div:last-child{padding-right:20px}
	footer > div.container > div {height: auto;width: 100%;padding: 20px;text-align:center}
	footer a.fb {float: none;margin: 0 auto;display: block}
	footer > div.container > div.copyright{width:100%;text-align:left}
	div.news span.see-more {padding:0 0 30px 0}
	#news {height:610px}
	#news {width:100%;height:650px}
	#news ul.cycle > li div.illustr {height:200px}
	#news_prev, #news_next {margin-top: -100px;width:40px;height:40px;top:50%}
	#news ul.cycle, #news ul.cycle > li {height:470px}
	#news ul.cycle > li p{font-size:16px}
	.jobs-list li article > small {display:none}
	#quotes > p {font-size: 40px;line-height: 60px;}
	#map div.infos > div {width:100%}
	
	ul.partners li{width: 50%;margin-right: 0;}
	
	div.presentation{padding:30px 10px}
	#ctx {padding:0 10px;margin-top:40px}
	#footer_menu ul.menu li {height: auto;line-height: 100px;width: 100%}
	div#breadcrumbs ul{padding:0}
	.post_slideshow, .post_slideshow li{height:230px}
	ul.intermediate li, ul.events li{width:100% !important}
	ul.intermediate li a, div.sub-menu strong.mobile, div.sub-menu strong.mobile a {padding-left:0}
	div.sub-menu strong.mobile span:after{right:10px}
	#contact-form label, #contact-form input[type=text], #contact-form input[type=email], #contact-form textarea, #re-captcha {width:100%}
	
	div:not(.g-recaptcha) iframe:not(.fancybox-iframe), iframe:not(.fancybox-iframe), iframe.embed-doc{width:100% !important;height:auto !important}
	
	#ctx div.content .gallery .gallery-item, ul.extra-content li > div > div.gallery .gallery-item{max-width: calc(50% - 8px) !important;}
	#ctx div.content .gallery .gallery-item:nth-child(2n+2), ul.extra-content li > div > div.gallery .gallery-item:nth-child(2n+2){margin-right:0 !important}
	#ctx div.content .gallery .gallery-endcol, ul.extra-content li > div > div.gallery .gallery-endcol{margin-right:15px !important}

}
@media (max-width: 375.9px) {

	#photos li{height:200px}
	div.presentation div.side > a:before{left:20px}
	ul.partners li{width:100%}
	#news ul.cycle, #news ul.cycle > li {height: 490px;}
	
}
@media (max-width: 320.9px) {
	
	#news{height:675px}
	#news ul.cycle, #news ul.cycle > li {height:500px}
	#news_prev, #news_next{width:30px;height:30px}
	body.post-type-archive-events #events-list li > a > strong{width:186px}	
	#events-list li h1{width:145px}
	#jobs-list .see-all, #events-list .see-all{clear: both;width: 100%;margin: 20px 0 0 0;text-align:center}
	#events-list{height:auto}
	
}