/*COLORS*/
.faq>a, 
.faq li>a.active,
.faq>h3 { border-color: #682475 !important; }
.faq h2:after { background-image:url(../img/SVG/h2-faq.svg); }
.faq>a:before,
.faq>a:after { background: #682475; }
.actu>a,
.actu li>a.active,
.actu>h3 { border-color: #faf000 !important; }
.actu h2:after { background-image:url(../img/SVG/h2-actu.svg); }
.actu>a:before,
.actu>a:after { background: #faf000; }
.crpn>a,
.crpn li>a.active { border-color: #2685C7 !important; }
.crpn h2:after { background-image:url(../img/SVG/h2-crpn.svg); }
.crpn>a:before,
.crpn>a:after { background: #2685C7; }
.employeur>a,
.employeur li>a.active { border-color: #00CCFF !important; }
.employeur h2:after { background-image:url(../img/SVG/h2-employeur.svg); }
.employeur>a:before,
.employeur>a:after { background: #00CCFF; }
.salarie>a,
.salarie li>a.active { border-color: #33CC99 !important; }
.salarie h2:after { background-image:url(../img/SVG/h2-salarie.svg); }
.salarie>a:before,
.salarie>a:after { background: #33CC99; }
.retraite>a,
.retraite li>a.active { border-color: #f6a96b !important; }
.retraite h2:after { background-image:url(../img/SVG/h2-retraite.svg); }
.retraite>a:before,
.retraite>a:after { background: #f6a96b; }
/*Menu 5 - homepage*/
#menu-5 { position: relative; overflow: hidden; }
#menu-5>div { display: inline-block; position: relative; padding:10px 0 0px 0; }
#menu-5 ul { display: flex; flex-direction: row; justify-content: space-evenly; position: relative; margin: 0 0 0 0; padding: 0; }
#menu-5 ul li { display: block; position: relative; margin: 0 15px 0 15px; padding: 0; }
#menu-5 ul li a { display: block; text-transform: uppercase; font-family: "metropolis"; font-weight: bold; color: #3a405a; line-height: 30px;}
#menu-5 ul li a:hover { text-decoration: none; }
#menu-5 ul li a:before, 
#menu-5 ul li a:after{content:'';position: absolute;top:0;width:0;left:0; height:2px; transition: .4s ease; }
#menu-5 ul li a:after{top:initial; bottom:0;}
#menu-5 ul li a:hover:before, 
#menu-5 ul li a:hover:after,
#menu-5 ul li.current-menu-item a:before, 
#menu-5 ul li.current-menu-item a:after,
#menu-5 ul li.current-page-ancestor a:before, 
#menu-5 ul li.current-page-ancestor a:after {width:100%;}
/*END COLORS*/
#wpadminbar, .otgs-development-site-front-end {display:none !important;}
html {font-family: "Source Sans Pro"; -webkit-text-size-adjust: 100%;-ms-text-size-adjust:100%; position: relative;  height: 100%;}
body { width: 100%;overflow-x: hidden;font-family:'Source Sans Pro', sans-serif;font-size: 14px; color:#404040;margin: 0; overflow-y: scroll; box-sizing:border-box; position: relative;  height: calc(100% - 100px); }
#page { position: relative;  min-height: 100%; }
.body_overlay { display: none; }
.body_overlay.active { position: fixed; width: 100%; height: 100%; display: block; top: 0; z-index: 101; padding-top: 25%; }
.body_overlay .layer { position: absolute; top: 0; width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0.79);z-index: -1; cursor: pointer;}
.body_overlay .vid_player { display: block; margin: auto; width: 900px; height: auto; margin-top: -12%; z-index: 4; }
.wrapper, .inner { max-width:1140px; width: 100%; margin:0 auto; padding: 0 30px;  position: relative; }
.clear { clear:both;}
h1, h2, h3, h4 { display: block; position: relative; font-family: "metropolis"; font-weight:400; break-inside: avoid; page-break-inside: avoid; }
h1 { border-bottom: 2px solid #1a1a1a !important;  font-weight: 700; color: #1a1a1a; margin: 0 0 20px 0; text-decoration: none; font-size: 28px;  line-height:42px; padding: 5px 0; }
h2{text-transform: uppercase; background-repeat: no-repeat; color:#000000; border-bottom: 2px solid #000000; font-size:18px; line-height: 24px; padding:8px 0 8px 0; font-weight: 700; text-decoration: none;}
h3 {text-transform: uppercase; color: #3a405a; line-height: 27px; margin: 18px 0;font-size:14px;font-weight: bold;}
h4{font-size: 13px; font-weight:bold; color:#3a405a; text-decoration: none;}
p, li{ font-weight:400; margin-bottom: 10px; line-height: 1.5em;}
li { margin-bottom: auto; }
a { font-size:inherit; color: #0079dd; text-decoration: none; font-weight: 700; outline: none !important; }
pre {background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; white-space: normal; }
[class*="real3dflipbook-"] { display: inline-block; margin: 0 20px 20px 0; }
[class*="real3dflipbook-"] a { display: block; font-size:18px;  color:#000000; font-family: "metropolis"; }
[class*="real3dflipbook-"] img { width: auto !important; }
textarea, input, select,
textarea:focus, input:focus, select:focus { display: inline-block; border:1px solid #868686;outline-style: none; box-shadow: none; line-height: 18px; padding:10px 15px; }
input[type="file"] { border: 0px none !important; padding: 0 !important;  }
a[href="#"] { cursor: default; }
a:hover { text-decoration: underline;}
a.readmore, a.seeall{ display:inline-block; position:relative; color:#3a405a; font-weight: bold; }
a.readmore:before, a.seeall:before{content:''; position:relative; width: 11px; height: 20px; float: left;background:no-repeat center top #2195de; -webkit-mask: url(../img/fleche.svg) no-repeat center; mask: url(../img/fleche.svg) no-repeat center; background-size: contain; margin:-1px 5px 0 0;}
section { display: block; position: relative; clear: both; margin:0; }
.btn, a.btn, button.btn { position: relative; display: inline-block; border: 0px none; font-family: "metropolis"; outline: none; color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; text-shadow: 0 0 1px rgba(255,255,255,0.3); font-size: 10px; line-height: 16px !important; height: auto !important; padding: 12px 20px; margin: 0; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; background: #2195de; transition: all .4s; cursor: pointer;}
.btn.del,
.btn.add_periode{ background: none !important; }
.btn.off { background-color:#eeede8; color:#333333;  }
.btn:hover { background: #222f3b; color: #FFFFFF; }
.btn.clicked:after { display:block; position:absolute; content:" "; background-color:rgba(255,255,255,0.5); background-image:url('../img/ajax-loader.gif'); background-repeat:no-repeat; background-position:center center; background-size:30px 30px; left:0; top:0; right:0; bottom:0; z-index:2; }
a.scrolltop { display:none; z-index:5000; cursor:pointer; position:fixed; height:35px; width:35px; right:20px; bottom:20px;background: url(../img/arrow-up-large.png) no-repeat center center; background-color:rgba(180, 180, 180, 0.7);}
.sep a, .sep a:hover { overflow: hidden; text-indent: -2000px !important; cursor: default; }
/*Primary-menu*/
#primary-menu, 
#primary-menu * {display: block; position: relative; list-style: none; margin:0; padding:0; text-align: left; }
#primary-menu>li a {text-decoration: none;  color:#404040; padding:5px 0 5px 0;}
#primary-menu a>span{ display: block; position: relative; float: right; margin-top: -5px; width: 30px; height: 30px; background: url(../img/close-cross.svg) center center no-repeat; transform: rotate(45deg); background-size: 12px 12px; opacity: 0.5; transition: all .4s; z-index: 2; }
#primary-menu a.active>span {transform: rotate(-180deg); }
header #primary-menu { margin-top: 40px; padding:20px 0 0 0; column-count: 3; }
header #primary-menu>li { margin-bottom:15px; break-inside: avoid; page-break-inside: avoid;}
header #primary-menu>li>a { border-top-width: 2px; border-top-style: solid; border-bottom-width: 2px; border-bottom-style: solid; margin-right: 20px; padding: 7px 0; line-height: 22px; font-weight: 700; text-transform: uppercase; font-family: "metropolis"; }
header #primary-menu>li>a>span { display: none;}
header #primary-menu li.sep { display:block; height: 20px; width: 0px; overflow: hidden;}
header #primary-menu li.sep a { display: none; }
header #primary-menu ul.sub-menu{ margin:10px 20px 0 0; }
header #primary-menu ul.sub-menu>li{line-height: 1.5em;}
header #primary-menu ul.sub-menu ul{margin:0 0 0 10px; background: #f4f4f6;}
header #primary-menu ul.sub-menu ul>li a {font-weight: 400;}
header #primary-menu ul.sub-menu ul>li a:before { display: none; }
header #primary-menu ul>li a:hover,
header #primary-menu ul>li.current-menu-item a,
header #primary-menu ul>li a.active { text-decoration: underline; }
/*Primary-menu - aside*/
aside #primary-menu>li>a:hover, 
aside #primary-menu>li>a.active { text-indent: 5px; }
aside #primary-menu>li { position: relative; }
aside #primary-menu li.menu-item-has-children li:last-child {border-bottom: none;}
aside #primary-menu>li>a { font-weight: bold; padding: 8px 0px 8px 0;position: relative; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color:#868686; transition: all .4s; }
aside #primary-menu>li:first-child>a { border-top: 2px solid #000000 !important; }
aside #primary-menu>li:last-child>a { border-bottom: 2px solid #000000; }
aside #primary-menu ul li { background-color: #FFF; }
aside #primary-menu ul li a { color:#1a1a1a; text-decoration: none; font-weight: 400; padding-left:10px; }
aside #primary-menu ul li a:hover { text-decoration: underline; }
/*newsletter*/
#newsletterForm { display:block; position: relative; line-height: 40px; height: 40px; }
#newsletterForm input { display: block; float: left; width: 120px; }
#newsletterForm button { display: block; float: left; margin-left: 10px; }
/* PAGE SUBMENU */
.list-submenu { position: relative; column-count: 2; column-gap: 20px;  }
.submenu { position:relative; break-inside: avoid; page-break-inside: avoid; padding: 0px !important; margin-bottom: 0px !important; border-bottom: 0px none !important; background-repeat: no-repeat; background-position: center center; background-size: cover; clear: both; overflow: hidden; }
.submenu, .submenu * { transition: .4s ease; }
.submenu a { text-decoration:none; color: #666; display: block; position: relative; padding:0px !important;}
.submenu a h2 { margin: 15px 0 0 0 !important; color: #000000 !important; z-index: 2; width: 100%; }
.submenu a:hover h3 { text-decoration: underline; }
.submenu a .img { position: relative; width: 100%; height:120px; margin-bottom: 10px; background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden;  }
.submenu a .img .text { position: absolute; left: 0; right: 0; bottom: 100%; height: 100%; padding: 10px 30px 0 30px; background-color: rgba(255,255,255,0.8); }
.submenu a:hover .img .text { bottom: 0%; }
.submenu a p { margin: 0; padding: 0; } 
.submenu a div p { display: block; font-size:16px; margin:0; color: #000000 !important; line-height:normal; padding:15px 0 30px 0; }
.submenu h3 { text-transform: none; color: #000000; margin: 15px 0px 0px 0px; font-weight: normal; }
/*Content*/
.thumb { display: block; position: relative; background-color: #FFF; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size:cover; transition: all 1s; min-height: 80px; }
.thumb::after,
.thumb i {display: block; position: absolute; pointer-events: none; transition: all .6s; content:" "; background-color: transparent !important; right: 0; top: 0px; left: 0; bottom: 0; }
.thumb::after {  border: 1px solid #FFFFFF !important; }
.thumb i { background-position: center center; background-repeat: no-repeat; background-size:cover; }

.thumb:hover::after,
*:hover>.thumb::after { right: 5px; top: 5px; left: 5px; bottom: 5px; }
.thumb:hover i  { transform: scale(1.05);}
.content h2 { display:inline-block; color:#1a1a1a; margin:10px 30px 30px 0; background:none; border-bottom: none; padding:8px 0 8px 0; position:relative; text-transform: none; }
.content h2:after {content:'';position: absolute;width:100%;height: 16px; bottom: -14px;left:0; background-size:cover; background-position:-100px top; background-repeat: no-repeat; min-width: 60px; transition: all 0.3s;}
.content h2>span[id^=titre] { display: block; position: absolute; left:0; top: -100px; width: 1px; height: 1px; }
.content article { display: block; position: relative; padding: 10px 0 15px 0; clear: both; overflow: hidden; margin-bottom: 20px; break-inside: avoid; page-break-inside: avoid;}
.content article h2 { clear: both; margin: 0 0 20px 0; padding: 0 0 10px 0; line-height: 20px; }
.content article a h2:after { background-position: -170px top; }
.content article:hover a h2:after { background-position: -100px top; }
.content article .article-content { position: relative; overflow: hidden; }
.content article .thumb { margin-bottom: 20px; }
.content .list-article { position: relative; clear: both; overflow: hidden; }
.content .list-article article { width: 48%; float: left; clear: left; }
.content .list-article article:nth-child(even) { float: right; clear: right; }
.content p { text-align: justify; }
.content article .entry-meta { display: block; clear: both; margin-top: 5px; font-size: 12px; }
.content article .entry-meta span { float: right; font-weight: bold; }
.content article .entry-meta a { font-weight: normal;color: #404040; }
.content .intro,
.content .intro p { font-size:18px; font-family: "metropolis"; font-weight: bold; line-height: 24px; margin:0 0 20px 0; color:#1a1a1a; text-align: justify;}
.content>img { margin-bottom: 20px; }
/* FAQ / QF */
.section-category dl { position:relative; border-bottom:2px solid #cbd5dc; margin:0; }
.section-category dl dt { position:relative; padding:12px 35px 12px 0; font-size:18px; line-height: 24px; font-weight:normal; font-family: "metropolis"; cursor: pointer;}
.section-category dl dt:after { content: ''; position: absolute; right: 0; top: 8px; width: 30px; height: 30px; background: url(../img/close-cross.svg) center center no-repeat; transform: rotate(45deg); background-size: 12px 12px; transition: all .4s; z-index: 2;}
.section-category dl.active dt:after { transform: rotate(-180deg); }
.section-category.inactive, 
.section-category dl.inactive { height: 0; opacity: 0; overflow: hidden; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
.section-category dl dd { position:relative; display:none; padding:15px 0px 15px 0; margin:0; font-weight:normal; font-family: "metropolis"; color:#666666;}
.section-category dl dd .reponse { display:none; }
.section-category dl dd h3.question { position:relative; padding-left:30px;cursor:pointer; margin:10px 0 !important; }
.section-category dl dd h3.question:before { content:''; position:absolute; left:0; top:-3px; width: 30px; height: 30px; background: url(../img/close-cross.svg) center center no-repeat; background-size: 10px 10px; transform: rotate(45deg); transition: all .4s; }
.section-category dl dd h3.question.active:before {  transform: rotate(-180deg);}
.questionFeedback { position: relative; clear: both; overflow: hidden; width: 100%; line-height: 40px; margin-top: 40px; }
.questionFeedback form { display: block; position: relative; clear: both; overflow: hidden; margin: 0 auto; width: fit-content; float: right; }
.questionFeedback form>* { display: block; float: left; }
.questionFeedback form>span { margin-right: 10px; }
.questionFeedback form h3 { margin: 6px 0 6px 0; line-height: 28px; }
.questionFeedback form textarea { display: block; float:left; height: 40px; margin-left: 15px; padding:5px 15px; width: 300px; }
.questionFeedback form button { margin-left:10px; width: auto !important; }
.questionFeedback form input { width: 170px; }
.questionFeedback .wrapper>.btn { float: left;  }
.site-content { position: relative; margin:100px 0 0 0; min-height:calc(100% - 230px); clear: both; }
.site-content .wrapper>aside { float:left; width:320px; padding:3px 20px 20px 0px; transition: .4s;}
.site-content .wrapper .content { position: relative; float:right; width:calc(100% - 340px); padding:0 0 0 20px; }
.site-content .wrapper .content p { margin-top: 0; line-height: 1.5em; }
.site-content table { margin:0 0 20px; }
.site-content table .borderL { border-left:2px solid #0087d6 !important; }
.site-content table .borderR { border-right:2px solid #0087d6 !important; }
.site-content table .borderT { border-top:2px solid #0087d6 !important; }
.site-content table .borderB { border-bottom:2px solid #0087d6 !important; }
.site-content td { padding:10px 10px; }
.site-content thead tr { background:rgba(0,135,214,0.1) !important; }
.site-content thead td,
.site-content thead th { font-size:18px; font-weight:700; font-family: "metropolis"; padding:10px 10px;  border-bottom: 2px solid #0087d6; }
.site-content tbody tr:first-child {}
.site-content tbody tr.odd { background:#f6f6f3;}
.site-content tbody th { font-size:14px; font-weight:700; font-family: "metropolis"; padding:10px 10px;  }
.site-content tbody td { font-weight:300; font-family: "metropolis"; border-left:1px solid #eeede8; border-right:1px solid #eeede8;}
.site-content span.check { display:block; width:16px; height:16px; background:url(../img/sprite-check.png) no-repeat left bottom; margin:auto}
.site-content span.check.on { background-position: left top;}
.site-content span.check.off { background-position: left bottom;}
/* RECHERCHE */
.search-form { display:block; position: relative; margin: 50px auto; height:50px; max-width:480px;overflow: hidden; z-index: 2; transition: .4s; border-radius: 25px;border: 2px solid #3a405a; }
.fa-search { display: inline-block; background:url('../img/icon-search.svg') center center no-repeat; width:20px; height:20px;box-shadow:none; background-size: 20px 20px; border:none;transform: scaleX(-1); color:#3a405a; vertical-align: middle; }
.search-form input.fa-search {display:block; position: relative;float:right; padding: 0;box-shadow:none; font-size:20px; line-height: 28px; width:46px;height:46px; }
.search-form input[type="search"] { display:inline-block; height:46px; line-height: 46px; border:0px none; width:calc(100% - 100px); font-family: "metropolis"; padding: 0 25px; }
/*Header*/
header#masthead {background:#ffffff;position: fixed;width: 100%;z-index: 100;top:0;transition: .4s;height:80px;}
header#masthead.scrolled{ height:60px;box-shadow: 0 0 10px #aaaaaa; }
header#masthead .wrapper { position:relative;z-index:2; }
header .site-branding { float:left;z-index:3;position: relative; }
header h1.site-title { display:block;margin:0;position: relative;border-bottom:none !important; }
header .site-title img {position: relative;margin: 10px 0 20px 50px;height: 41px; -webkit-transition: .4s all ease;transition: .4s all ease;}
header .site-title img#logo-txt {position: absolute;left: 0;bottom: 10px;margin: 0;width: 100px;opacity:1;}
header.scrolled .site-title img#logo-img {height:30px;margin: 10px 0 10px 30px;}
header.scrolled .site-title img#logo-txt {opacity: 0;width: 0px;}
header #top-navigation {display: block; position: relative; float:right;padding-right:40px; margin: 20px 0 0 0; width:calc(100% - 200px);-webkit-transition: all 0.4s ease;-moz-transition: all  0.4s ease;-o-transition: all  0.4s ease;transition: all  0.4s ease; text-align: center;}
header.scrolled #top-navigation{margin :7px 0 0 0;}
header.scrolled #top-navigation .lang { display: none; }
header #top-navigation>ul {float:right; margin:0;padding:0;list-style:none;}
header #top-navigation>ul>li { position: relative; float:left; width: 45px; height: 45px; margin:0;}
header #top-navigation li.lang{position: absolute; width: auto; height: auto; top: 50px;right:5px; font-size: 10px; color:#3a405a;}
header #top-navigation li.lang select { display: block; width: 85px; overflow: hidden; white-space: nowrap; background-color: transparent; font-size: 0.6rem; transition: all 0.3s; color:#3a405a; line-height:inherit; height:inherit; padding: 0; border: 0px none !important; }
header #top-navigation li.search>a { background:url('../img/icon-search.svg') center center no-repeat;background-size: 20px 20px; width: 45px; height: 45px; }
header #top-navigation li.search>a:after { content: ""; display: block; position: absolute; top: 8px; left: 8px; border-radius:50%;border: 2px solid #3a405a; width: 30px; height: 30px;  }
header #top-navigation>ul>li>a { position: relative; display:block; padding:0; color:#3a405a; font-weight: 700; background: url(../img/picto-help.svg) no-repeat center; background-size: 30px; -moz-transition: background-color 0.3s; transition: background-color 0.3s; width:45px; height: 45px;font-size: 0;}
header #top-navigation>ul>li.infosBtn>a {  background: url(../img/news-off.svg) no-repeat center;border: 2px solid #3a405a; background-size: 20px; margin: 8px 0 0 8px; width:30px; height: 30px; border-radius:50%; }
header #top-navigation>ul>li.infosBtn>a>span { margin-top: 7px; }
header .menu-toggle>div,
header #top-navigation>ul>li>a>span { display:block; z-index: 98; position: absolute; left: 50%; transform: translateX(-50%) scaleX(0);  top: 100%; background-color: #FFFFFF; color: #3a405a; font-size: 10px;  font-family: "metropolis"; text-transform: uppercase; line-height: 14px; padding:6px 15px; white-space: nowrap; opacity: 0; transition: .3s all ease; }
header .menu-toggle:hover>div,
header #top-navigation>ul>li>a:hover>span { display: block; opacity: 1; box-shadow: 0 0 2px #aaaaaa; transform: translateX(-50%) scaleX(1);}
header .menu-toggle>div { top: calc(100% + 10px); }
header #top-navigation ul li.logout { display: none; }
header #top-navigation ul li.logout>a { position: relative; display:block;background: url(../img/picto-logout.png) no-repeat 0px 0px;border: 2px solid #1f72b8; border-radius: 50%; width: 30px; height: 30px; margin: 7px 0 0 7px; }
header #top-navigation ul li.espace { width: auto; margin: 0 5px; }
header #top-navigation ul li.espace>a { background: #0087d6 url(../img/picto-espace-on.svg) -2px center no-repeat; font-size: 14px; text-transform: uppercase; width: auto; background-size: 28px; padding:0 15px 0 35px; line-height: 26px;height: 30px; margin: 8px 0 7px 0; color:#FFFFFF; border-radius: 15px; border: 2px solid #0087d6; font-family: "metropolis"; }
header #top-navigation ul li.espace>a:hover { text-decoration: none; }
header #top-navigation ul li.espace>a>span {top: calc(100% + 10px); }
header #top-navigation>ul>li.espace>div { display: block; z-index: 99; position: absolute; left: 50%; transform: translateX(-50%) scaleX(0);  top: 100%; background-color: #FFFFFF; color: #3a405a; font-size: 10px;  font-family: "metropolis"; text-transform: uppercase; line-height: 14px; padding:6px 15px; white-space: nowrap; opacity: 0; transition: .3s all ease; }
header #top-navigation>ul>li.espace>div>a.btn { display: block; clear: both; margin: 5px 0; }
header #top-navigation>ul>li.espace:hover>div { display: block; opacity: 1; box-shadow: 0 0 5px #aaaaaa; transform: translateX(-50%) scaleX(1); }
header #top-navigation>ul>li.islog>a:after { content: ""; display: block; position: absolute; bottom: -6px; left: 16px; border-radius:50%; background-color: #1fcf82; width: 12px; height: 12px; }
/*Homepage*/
section.slider { position: relative; width: 100%; height: 275px; overflow: hidden; }
section.slider .slide { display: block; position: relative; width: 100%; height: 100%; background-position: left center; background-repeat: no-repeat; background-size: cover; /*background-size: 120% auto; transition: background 3s;*/ }
/*section.slider .slide.active { background-size: 100% auto; }*/
section.slider h2 {display:block; position: relative; clear: both; overflow: hidden; color:#40c0f0; margin:0; padding: 5px 0; z-index:2; border: none; background: none; font-size:50px; line-height: 1em;}
section.slider a:hover { text-decoration: none; }
section.slider p{font-size:18px; color: #ffffff; margin:0 auto; padding:20px 0 20px 0; overflow: hidden; display: block; position: relative; clear: both; }
section.slider .slide>div { display: block; position: absolute; top: 0; left: 0; background-color: rgba(58,64,90,0.6); color: #ffffff; width: 325px; height: 100%; } 
section.slider .slide>div>div { display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0%; width: 100%; padding: 30px; text-align: center; font-size: 0.75rem; }

section.slider .slide>div>div>* {  transform: translateX(-150%); opacity: 0; transition: all 0.5s; transition-delay: 0.5s; }
section.slider .slide.active>div>div>* { transform: translateX(0%);  opacity: 1;}
section.slider .slide.active>div>div>*:nth-child(2) {  transition-delay: 0.75s; }
section.slider .slide.active>div>div>*:nth-child(3) {  transition-delay: 1s; }
section.slider .slide.active>div>div>*:nth-child(4) {  transition-delay: 1.25s; }
.slide-content { display: block; position: relative; clear: both; margin: 30px 0; }
.slide-content div img { display: block; position: relative; margin: 0 auto; }
.slide-content-wrapper { display: block; position: relative; clear: both; margin: 30px 0; }
.slide-content-wrapper .bx-default-pager { top: 0; }
#telex-wrapper {  background:#2F92D0 url(../img/icon_info.svg) 10px 5px no-repeat; background-size: 40px; height: 50px; overflow: hidden; }
section.telex { position: relative; overflow: hidden; min-height: 50px; }
section.telex .slide { display: block; position: relative; width: 100%; line-height: normal; height: 50px; }
section.telex .slide>div { position: absolute; left: 20px; right: 20px; top:50%; padding-left:40px; transform: translateY(-50%); }
section.telex .slide a:before { background-color: white; }
section.telex .slide * { color: #FFFFFF !important; margin: 0; font-size: 16px; font-family: "metropolis"; }
/*menu-select*/
#menu-select { display: block; position:absolute; width: 360px; right:60px; top: 240px;box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.3);  }
#menu-select>div { display: block; position:relative; }
#menu-select>div p { display: none; }
#menu-select>div span{ background-position: -20px center; padding: 0 20px 0 20px !important; text-transform: uppercase;  }
#menu-select>div span:hover { background:#3a405a url(../img/fleche.svg) 0px center no-repeat; background-size: 15px; }
#menu-select>div span,
#menu-select>div a { display: block; position:relative;  color: #FFFFFF; background-color: #3a405a; font-size: 16px; font-family: "metropolis"; line-height: 40px; padding: 0 20px; margin: 0; cursor: pointer; text-decoration: none; transition: all .2s; }
#menu-select>div a:hover{ text-decoration: underline; }
#menu-select>div>ul { position:absolute; top: 0; left: 0; right: 0; list-style: none; padding: 0; margin: 0;z-index: 5; }
#menu-select>div>ul ul { position:relative;padding: 0 0 10px 0; margin: 0; }
#menu-select>div ul { display: block; opacity: 0; height: 0; overflow: hidden; padding:0 !important; transform: scaleY(0); transition: .3s all ease; transform-origin: top left; }
#menu-select>div ul.open  { opacity: 1; height: auto; transform: scaleY(1); padding: 0 0 10px 0;box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.3); }
#menu-select>div li { display: block; position: relative; margin: 0; padding: 0; }
#menu-select>div>ul ul a { font-size: 14px; line-height: 20px; padding:10px 20px 0 20px; font-weight: normal; background-color: #FFFFFF; color:#404040; }
#menu-select>div>ul ul li:last-child a { padding-bottom: 20px; }
#menu-select .close  { display: none; }
#menu-select select { border: 0px none !important;  font-size: 16px; font-family: "metropolis";line-height: 40px; }
#menu-select select[name='menu-select1'] { width:calc(33.3% - 12px); margin-right: 9px;  }
#menu-select select[name='menu-select2'] { width:calc(66.7% - 9px); margin-left: 9px;  }
section.about article { float:left; clear: none; width: calc(50% - 10px); margin:0 0 10px 0; }
section.about article.first { margin-right:20px; }
section.about article div>div{ }
section.about article p { margin:0; }
section.about article h3 { margin:0 0 10px 0; }
section.about article .thumb {width: 100%; height: 175px; margin-bottom: 15px; }
.section-actus { display: block; position: relative; clear: both; overflow: hidden;  margin:0px 0 10px 0; }
.section-actus h2 { margin:0 0 15px 0; }
.section-actus .wrapper>div{ position: relative; overflow: hidden; }
.section-actus .wrapper>div:first-child{ width:325px; float:left; margin-right: 20px; }
.section-actus .news { position:relative; float:left; overflow:hidden; text-align:left; width:100%; margin-bottom: 20px;}
.section-actus .news .slide-actu { width: calc(33.3% - 10px); float: left; }
.section-actus .news>.slide-actu:nth-child(2n) { margin:0 15px; }
.section-actus h3 { width: 100%; text-align: left; margin-bottom:20px; border-top-width: 2px; border-top-style: solid; border-bottom-width: 2px; border-bottom-style: solid; padding:6px 0; line-height:20px; text-transform: uppercase;}
.section-actus .faq h3 { border-color: #E5BFDA !important;}
.section-actus h3 a{ display:inline-block; font-family: "metropolis"; text-decoration: none; color: #3a405a; font-weight: bold; font-size: 18px; line-height: 36px; transition: all 0.5s; }
.section-actus h3 a:hover{ color:#2195de; }
.section-actus h3 img { display:block; float: left; margin:0 10px 0 0; line-height: 36px; width:36px;}
.section-actus .thumb { margin-bottom: 10px; }
.section-actus a.title-h4 { display:inline-block; margin:0;font-size: 0.9em;font-weight: bold; text-transform: uppercase; line-height:21px; color:#3a405a; text-decoration: none; }
.section-actus p { display:inline-block; margin:0 0 20px 0; line-height:normal;}
.section-actus h4 {margin:0;}
.section-actus .qf a.title-h4,
.section-actus .qf p { float: none; width: 100%; padding-left: 0; }
/* CONTACT */
.site-main.contact .wrapper form { display: block; position: relative; clear: both; }
.site-main.contact .wrapper .contact-form { max-width: 768px; margin: 0 auto; position: relative; }
.site-main.contact .wrapper>div { max-width: 100%; position:relative;}
.site-main.contact .wrapper .left,
.site-main.contact .wrapper .right { float: left; width: 100%; clear: both; position: relative; margin-bottom: 15px; }
.site-main.contact .wrapper div.upload_files {width:100%; clear: both; float: none;}
.site-main.contact .wrapper div.upload_file {display:none; padding: 0 20px; background-color: #dbd8cb; }
.site-main.contact .wrapper div.upload_file:fist-child {display:block;}
.site-main.contact .wrapper div.upload_file .wpcf7-form-control-wrap,
.site-main.contact .wrapper div.upload_file input[type="file"] {width:100%;clear:both;}
.site-main.contact .wrapper div.captcha,
.site-main.contact .wrapper div.objet,
.site-main.contact .wrapper div.message {width:100%;clear:both; overflow: hidden;}
.site-main.contact .wrapper div a.supp {display:none; clear: both; overflow: hidden; color:#0079dd; font-weight:500; font-family: "metropolis";font-size:13px; position: absolute; right: 20px; bottom: 20px;}
.site-main.contact .wrapper label { display:block; float:left; width:215px; font-size:16px; line-height:42px; font-weight:500; font-family: "metropolis"; color:#333333;}
.site-main.contact .wrapper label span { color:#0079dd;font-weight:500;}
.site-main.contact .wrapper input,
.site-main.contact .wrapper select { float: none; clear: both; width: 100%; max-width:270px; height:42px; border:2px solid #dbd8cb; padding:0 20px;}
.site-main.contact .wrapper select { max-width:314px; }
.site-main.contact .wrapper div.objet { float:none;}
.site-main.contact .wrapper div.objet input { width:915px;}
.site-main.contact .wrapper textarea { height:155px; padding:20px; border:2px solid #dbd8cb;}
.site-main.contact .wrapper div.newsletter { float:none; clear: both; overflow:hidden; padding-bottom:10px; border-bottom:2px solid #dbd8cb; margin-bottom:0;}
.site-main.contact .wrapper div.newsletter input { width:15px; height:15px; margin-top:4px; margin-right:15px;}
.site-main.contact .wrapper div.newsletter label { width:auto; float:left; line-height:22px; color:#666666; font-weight:300; font-family: "metropolis";}
.site-main.contact .wrapper div.newsletter cite { float:right; font-weight:300; font-size:14px; color:#666666;}
.site-main.contact .wrapper div.newsletter cite span {font-weight:500; color:#0079dd;}
.site-main.contact .wrapper .captcha { display:block; position:relative; line-height:42px;}
.site-main.contact .wrapper .captcha img { display:block; position:relative; float:left; margin-right:20px; margin-top:10px; }
.site-main.contact .wrapper .captcha span { display:block; position:relative; float:left;  margin-right:20px; }
.site-main.contact .wrapper .captcha>div,
.site-main.contact .wrapper .captcha>div>div {margin-bottom:0;}
.site-main.contact .wrapper .g-recaptcha { height:80px; margin-bottom:0;}
.site-main.contact .wrapper .btn { float:right; margin-bottom:30px;}
.site-main.contact .wrapper .informations {clear:both;width:100%;margin-bottom:0;}
.site-main.contact .wrapper .informations > div {width: 100%;font-family: "metropolis";font-size: 16px;font-weight: 400;margin-bottom:40px;display:none;color:#0079dd;background:#f8f8f8;padding:20px;}
.site-main.contact .wrapper .informations > div br {display:inline;}
.wpcf7-not-valid-tip {clear:both;float:none;}
.wpcf7-form-control-wrap { float:left;  top:100%;}
.wpcf7-not-valid { background: #ffe3e8;}
section.banners {position: relative; clear: both; background:#e1f3ff;padding-bottom: 40px; margin-bottom: 40px; overflow: hidden;}
section.banners article {width: calc(50% - 10px); float: left; clear: none; position: relative; margin-left:10px; }
section.banners article:first-child {margin-left:0; margin-right:10px; }
section.banners article h2 { padding-left: 45px; background-size: 30px; background-position: left center; }
section.banners article h3 { display: block; position: relative; margin: 0 0 18px 0; overflow: hidden; }
section.banners article:first-child h2{background-image: url(../img/video.svg)}
section.banners article:last-child h2{background-image: url(../img/guide.svg)}
section.banners article:last-child a{width: 100%;}

section.banners article:first-child h3 { float: left;width: calc(50% - 20px); }
section.banners article a {cursor: pointer; float: left; position: relative;width: calc(50% - 20px); height: 230px; overflow: hidden; }
section.banners article a img{width: 100%; }
section.banners article a:last-child {float: right;}
section.banners article a#play_sidevideo1:before, 
section .banners article a#play_sidevideo2:before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../img/fleche_player.svg) center no-repeat; background-size: 66px; opacity: 0.5; z-index: 2;transition: .4s ease;}
section .banners article a:hover:before { opacity: 1 !important;  }
.mc4wp-form form, .mc4wp-form input, .mc4wp-form label { display:initial;}
section.connexion { background:#222f3b; padding:25px 0; margin:30px 0;}
section.connexion .left { float:left;}
section.connexion .left h3 { margin:0; color:#FFF; font-size:21px;}
section.connexion .left p { margin:0; color:#999999;}
section.connexion form { float:right; margin-top:6px;}
section.connexion form input { height:43px; font-size:14px; border:none; padding:0 20px; color:#767676; width:177px; margin-right:15px;}
section.connexion form .btn:hover span { background:#EEEDE8; color:#222F3B;}
section.reglement p{font-size: 0.75em; line-height: 10px; color: #666; padding-top: 30px; text-align: center;}
.switch.mob{display:none;}
.switch {position: relative; display: inline-block;margin: 6.5px 0 0 0; line-height: 17px; text-align: center; -webkit-transition: .4s ease;transition: .4s ease;}
.switch a {cursor:pointer; color: #3a405a; line-height: 30px; display: inline-block; font-family: "metropolis"; font-weight: 700; text-transform: uppercase; text-decoration: none;}
.switch-btn input {opacity: 0;width: 0;height: 0;}
.switch-btn { position: relative; display: inline-block; width: 22px; height: 30px; margin: 2px 5px 5px 5px; vertical-align: middle;}
.switch-btn span {position: relative; margin-top:10px; cursor: pointer;background-color: #3a405a;display:block; height:10px; -webkit-transition: .4s ease;transition: .4s ease;border-radius: 5px;}
.switch-btn span:before {position: absolute;content: "";height: 14px;width: 14px;left: 4px;bottom: -2px;background-color: white; border: thin solid #3a405a; -webkit-transition: .4s ease;transition: .4s ease;border-radius: 50%;}
.switch-btn.navigant span:before {-webkit-transform: translateX(-6px);-ms-transform: translateX(-6px);transform: translateX(-6px);}
.switch-btn.employeur span:before {-webkit-transform: translateX(6px);-ms-transform: translateX(6px);transform: translateX(6px);}
.switch div {position: relative; display: inline-block; }
.switch a:before, 
.switch a:after{content:'';position: absolute;top:0;width:0;right:0; height:2px; -webkit-transition: .4s ease;transition: .4s ease;}
.sw-navigant a:after, 
.sw-employeur a:after{top:initial; bottom:0;}
.sw-employeur a:before, 
.sw-employeur a:after{right:initial; left: 0;}
.switch a.active:before, 
.switch a.active:after,
.switch a:hover:before, 
.switch a:hover:after{width:100%;}
.main-navigation {width: 100vw; height:100vh;position: fixed; overflow-y: scroll;color: #fff;background: #f4f4f6;z-index: 100;top:-100vh;left:0; -webkit-transition: .4s ease;transition: .4s ease;}
.menu-toggle{position:absolute; display:block;right:0px; top:8px; height:30px; width:30px; cursor: pointer;background: #3a405a;border-radius: 50%;z-index: 1000;}
.menu-toggle span { position:relative; margin: 14px auto; display:block;font-size: 0; width: 12px; height: 2px; background:#ffffff; -webkit-transition: .4s ease;transition: .4s ease; border-radius: 1px;}
.menu-toggle:before, .menu-toggle span:before { content:''; display:block; position:absolute; background:#ffffff;height: 2px; width:100%; -webkit-transition: .4s ease;transition: .4s ease; transition-property: top, transform;border-radius: 1px;}
.menu-toggle:after, .menu-toggle span:after { content:''; display:block; position:absolute; background:#ffffff;height: 2px; width:100%; -webkit-transition: .4s ease;transition: .4s ease; transition-property: bottom, transform;border-radius: 1px;}
.menu-toggle:before {top:9px; left: 9px; width:12px;}
.menu-toggle:after {bottom:9px; left: 9px; width:12px;}
.menu-toggle.active {background:#f4f4f6; border: thin solid #3a405a;}
.menu-toggle.active:before, .menu-toggle.active:after{ opacity:0;top:9px; -webkit-transition: .4s ease;transition: .4s ease;}
.menu-toggle.active:after{ opacity:0;bottom:9px; top: auto; -webkit-transition: .4s ease;transition: .4s ease;}
.menu-toggle.active span:before { transform: translateY(0) rotate(45deg);background: #3a405a;}
.menu-toggle.active span:after{ transform: translateY(0) rotate(-45deg);background: #3a405a;}
.menu-toggle[aria-expanded="true"] + .main-navigation ul {display: block;  width: 100%;}
.menu-toggle[aria-expanded="true"] + .main-navigation ul li {z-index: 1;  clear: left;  text-align: center;  width: 100%;}
/*anim burger*/

.menu-toggle-anim { position:absolute; display:block;right:0px; top:8px; height:30px; width:30px;
    animation: spin 2s linear;
	animation-iteration-count : 1;
	border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #9370DB;
	opacity: 0;
}
.menu-toggle-anim:before { content: "";
    position: absolute;
    top: -7px;
    left: -7px;
    right: -7px;
    bottom: -7px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #0087d6;
    animation: spin 3s linear;
	animation-iteration-count : 1;
	opacity: 0;
}
.menu-toggle-anim:after { content: "";
    position: absolute;
    top: -11px;
    left: -11px;
    right: -11px;
    bottom: -11px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #0087d6;
    animation: spin 1.5s linear;
	animation-iteration-count : 1;
	opacity: 0;
}
@keyframes spin { 
	0% { -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
		opacity: 0;
    }
	50% { -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
		opacity: 1;
    }
    100% { -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
		opacity: 0;
    }
}
/* FOOTER */
footer { display: block; position: relative; overflow: hidden; clear: both; min-height: 200px; margin-top: 30px; padding-bottom: 30px; background:#d7d7d7;}
footer .row-2{width: calc(28% - 12px); float: left; margin-right: 14px;}
footer .row-1{ width: calc(24% - 12px); float: left; margin-right: 14px;}
footer .row-1:last-child{margin-right:0;}
footer h3{font-size:18px;margin:37px 0 11px; padding-bottom:7px; border-bottom: 2px solid #000000 !important;color: #000000;line-height: 20px;}
footer a{color:#000000; display: flex;font-size:0.8em;text-decoration: none; line-height: 16px;margin-bottom:11px;}
footer h3 img{width: 20px; display: block;}
footer a img{margin-right:0.6em; display: inline-block; width: 20px;}
footer .row-1.social-link a{line-height: 20px;}
footer .row-1:nth-child(3) a img{width:20px; height:20px; margin-top: 0px;}
footer .row-2 p{font-size:0.85em;color: #000000;}
footer .row-2 cite{color:#333333; font-size: 0.7em; font-style: normal; margin-top:15px;}
footer ul.menu{margin:0; padding: 0;}
footer ul.menu li {display: inline-block; margin-bottom: 0; }
footer ul.menu li:after {content:'-'; display: block; float: left; margin:0 2px; line-height: inherit; font-size: 0.85em;}
footer ul.menu li a {float: left; margin-bottom: 0; font-size: 0.85em; line-height: 1.5em;}
.breadcrumbs { display: block; height: 50px; line-height:20px; padding: 20px 0 10px 0; font-family: "metropolis"; font-size: 18px; font-weight: bold; }
.breadcrumbs a { text-decoration: none; color:#1a1a1a; }
.breadcrumbs a:hover { text-decoration: none; }
/* Telechargements / QF */
.nav-links { display: block; clear: both; float: right; }
.nav-links a { white-space: nowrap; }
.module-tags { position:relative; clear:both; overflow:hidden; margin-bottom: 30px; }
.module-tags h3 {color:#0079dd; margin-top: 0; }
.module-tags span { cursor:pointer; }
.tags { position:relative; clear:both; overflow:hidden;font-family: "metropolis"; }
.tags span { display:block; float:left; margin:0 5px 5px 0; background-color:#CDCDCD; line-height:18px;height:18px; padding:0 8px; font-size:11px; border-radius:9px; color:#666666 }
.tags span a { text-decoration:none; color:inherit; }
.tags span.active { background-color:#0079dd; color:#FFF; }
/* popin */
div.wpcf7-response-output,
div.wpcf7-mail-sent-ok { display:none; position:fixed !important; z-index:99; top:50%; margin:-100px 0 0 -335px !important; left:50%; border:2px solid #0079dd;-webkit-box-shadow: 0 0 0 1000px rgba(0000,000,000,0.6);
box-shadow: 0 0 0 1000px rgba(0000,000,000,0.6); background:url(../img/bg-popin.png) right bottom no-repeat #FFFFFF; font-weight:700; font-family: "metropolis"; width:670px; padding:35px 50px !important; color:#3c5061; font-size:16px;}
div.wpcf7-response-output h3 { font-weight:300; font-family: "metropolis"; text-transform:uppercase; color:#3c5061; font-size:26px; }
div.wpcf7-response-output:after { content:""; position:absolute; top:15px; right:15px; width:17px; height:18px; cursor:pointer; background:url(../img/popin-close.png);}
div.popin,div.survey { display:none; overflow:hidden; position:fixed !important; z-index:999; top:50%; margin:-100px 0 0 -335px; left:50%; border:2px solid #0079dd;-webkit-box-shadow: 0 0 0 1000px rgba(0000,000,000,0.6);
box-shadow: 0 0 0 1000px rgba(0000,000,000,0.6);background: #FFFFFF; /*background:url(../img/bg-popin.png) right bottom no-repeat #FFFFFF;*/ font-weight:700; font-family: "metropolis"; width:670px; padding:35px 50px !important; color:#3c5061; font-size:16px;}
div.popin h3,div.survey h3 { clear:both; font-weight:300; font-family: "metropolis"; text-transform:uppercase; color:#3c5061; font-size:26px; }
div.popin:after,div.survey:after { content:""; position:absolute; top:15px; right:15px; width:17px; height:18px; cursor:pointer; background:url(../img/popin-close.png);}
div.survey a { display:block; float:left; padding:7px 12px; color:#FFF; text-decoration: none; margin-right:10px;}
div.survey a.employeur { background-color:#5cd7ff;}
div.survey a.salarie { background-color:#1fcf82;}
div.survey a.retraite { background-color:#f0b927;}
/* Menu mobile */
.mobile { display:none !important;}
form#info_perso>div.left{margin-bottom:0; max-width:50%;}
.affiliemaj .tablo tbody th{text-align:left !important;}
.affiliemaj .tablo tbody th:first-child{text-align:center !important;}
.affiliemaj .tablo tbody tr td{vertical-align:middle !important;}
.affiliemaj .tablo tbody tr td:first-child{padding: 0 20px;}
#popin-cookie{ display:block;position:fixed; z-index:10000; left:0; bottom:0; padding:10px 0; text-align:center; width:100%; font-size:12px; background-color:#FFF; background-color: rgba(255, 255, 255, 0.9);color:#666666;font-family: "metropolis";}
#popin-cookie a {color:#0079dd;}
.date-js {float:right !important; width:320px !important; }
.date-js  input { width:43px !important; margin-right:26px; display:inline-block; float:none !important;}
.date-js  input.annee { width:43px !important; margin-right:0;}			
/* PRESSE */
.percent { display: inline-block;content: "%";width: 15px;}
fieldset {border: 2px solid #63afee; padding: 0 20px; }
fieldset legend { padding:0 10px;    font-size: 20px;font-family: "metropolis";font-weight: 500;color: #0079dd; }
fieldset p { margin:5px 0 10px;font-size: 14px; }
section.social-link {display: block; position: relative; clear: both; margin-bottom: 30px;text-align: center;}
section.social-link a {display: inline-block;text-decoration: none;padding-left: 60px;line-height: 40px;height: 40px;margin: 0 50px;margin-bottom: 30px;}
section.social-link a span {display: block;position: relative;text-transform: uppercase;font-family: 'Source Sans Pro', sans-serif; color: #027add;font-size: 14px;line-height: 30px;height: 30px;text-decoration: none;margin-top: 5px;}
section.social-link a span:after {-webkit-transition: .4s ease;transition: .4s ease;}
section.social-link a:hover span:after {width: 100%; opacity: 1;}
section.social-link a.twitter {background: url('../img/social-twitter.jpg') left center no-repeat;}
section.social-link a.linkedin {background: url('../img/social-linkedin.jpg') left center no-repeat;}
.wp-chatbot-content a {color: #FFF;}
.wp-chatbot-tab-nav { display: none;}
.fields input, 
.fields select {width: 50%;height: 42px;border: 2px solid #dbd8cb;padding: 0 18px;}
.ahbfield_service { display: none; margin-bottom: 20px; }
#fbuilder .slots {border: 0px none !important; box-shadow: none !important; padding: 10px 0 !important;}
#fbuilder .slots span,
#fbuilder .slots br { display: none !important; }
.ui-datepicker table { margin: 0 !important; }
.table-avis td a { font-size: 10px; color:#0079dd; }
.icon-download, .icon-print, .icon-listen { display: block; float: left;margin-top:50px; width:25px; height: 25px; background-size:cover;}
.icon-download { background: url(../img/icon-download.svg) center no-repeat; }
.icon-print { background: url(../img/icon-print.svg) center no-repeat; }
.icon-listen { background: url(../img/icon-listen.svg) center no-repeat; }
@media print {
	* {-webkit-print-color-adjust: exact !important;	color-adjust: exact !important; }
	.site-header, .site-footer, #cookies, #alpha, #questionFeedbackPage, .questions, .icon-print, section.social-link, aside, .scrolltop, #dev-banner, .questionFeedback, h1 .btn, .myc-content-overlay { display: none !important; }
	header .wrapper { background-image: none !important; }
	.site-content { margin:0 !important; }
	.site-main header { position: relative !important; height: auto !important; min-height: 84px !important; margin:0 0 40px 0 !important;  }
	.site-main header .wrapper {  min-height: 84px !important; }
	.site-content .site-main>header, body.blog .site-content .site-main>header, body.search .site-content .site-main>header, body.single .site-content .site-main>header, body.page-template .site-content .site-main header, body.page-template-default .site-content .site-main header, body.page-template-page-fullwidth .site-content .site-main header { background-image: none !important; min-height: 84px !important; }
	#logo-print { display: block !important; position: absolute; left: 0; top: 0; width: 234px; height: 84px; }
	.site-main header:after { display: none !important; }
	.site-main header h1 { display: block; float: none !important; color:#000 !important; font-weight: 300 !important; position: absolute !important; bottom: 0 !important;left: 250px !important; right: 0 !important; font-size: 26px !important; line-height: 26px !important; margin: 0 !important; padding: 0 0 0 0 !important; }
	.ui-tabs ul li a
	.section-category dl dd,
	.section-category dl dd .reponse { display: block !important; }
	#page { width: 100% !important; position: relative;	}
	.content { float: none !important; position: relative; width: inherit !important; padding: 0 !important;}
	.wrapper { float: none !important; position: relative; width: inherit !important; }
}
@page {
	margin-top: 80px; 
	margin-bottom: 40px;-webkit-print-color-adjust: exact;
}
@media screen and (min-width: 1600px){
	.wrapper, .inner { max-width: 1360px; }
	h1 {font-size: 36px; }
	.thumb { min-height: 100px; }
	section.about article .thumb { height: 220px; }
	.content article .thumb .img { height: 140px; }
}
@media screen and (max-width: 1000px){
	header h1.site-title { transform: scale(0.9);}
	#menu-5 { display: none; }
	.content h1 .btn { display: none; }
	.list-submenu { column-count: 1; column-gap: 0px;  }
	header #top-navigation{width: calc(100% - 200px);}
	header #primary-menu>li>.sub-menu ul,
	header #primary-menu>li>.sub-menu a>span { display: none !important; }
	header #primary-menu{ column-count:1; padding:60px 10px 200px;}
	header #primary-menu:before{content: '';position: absolute; background: #ffffff url(../img/logo-grey.svg) no-repeat top left;background-position: 5px 5px; background-size:150px; top: 0; left: 0; z-index: 100; height: 60px; width: 100%;}
	header #primary-menu:after{content: '';position: absolute; background: url(../img/logo-grey2.svg) no-repeat center;background-size:100%; bottom: 50px; left: 20%; z-index: 100; height: 80px; width: 60%;}
	header #primary-menu.active:before{position: fixed;}
	header #primary-menu>li{margin-bottom:0;}
	header #primary-menu>li>a {border-top:none; margin-right:0;}
	header #primary-menu>li>a>span { display: block;}
	header #top-navigation ul li.logout { display: block; }
	.switch{ display: none; }
	.wrapper, .inner {padding: 0 10px;}	
	.wrapper-slider {padding:0 0 20px 0; clear: both; }	
	.infos p, .infos p strong, .infos .wrapper img{display: block; margin:0 auto; text-align: center;}
	.infos a.readmore{margin: 0 auto; display:table;}
	.myc-content-overlay { right: 0px; width: 100%; border-radius: 0; }
	footer{padding-bottom:100px;}
	footer .row-2, footer .row-1{width: calc(50% - 10px);}
	footer .row-1:nth-child(3){clear: both;}
	footer .row-1.social-link, footer .row-1:last-child{margin-right:0;}
	footer .row-1.social-link h3{margin-top:37px;}
	footer .row-1 h3{margin-top:10px;}
	.body_overlay.active { padding: 0; }
	.body_overlay .vid_player { width: 100%; height: auto; max-height: 320px; margin: 0; }
	body.archive h2:after, body.blog h2:after, body.search h2:after, body.single h2:after, body.page-template-default h2:after{height: 10px;bottom:-5px; min-width:100px; -webkit-mask-position-x: -45px;mask-position-x: -45px;}
	.site-content .wrapper aside { width: 100%; float: none; padding: 0;}
	.icon-download, .icon-print, .icon-listen{margin-top:0; float: right;}
	.site-content .wrapper .content{width: 100%; float: none; padding: 0;}
	.questionFeedback .wrapper>form { float: none; clear: both; margin: 0;  }
	.questionFeedback .wrapper>form>span { float: none; clear: both; }
	.questionFeedback .wrapper>.btn { float: none; clear: both; margin:30px auto 0 auto;   }
	.section-actus .news>.slide-actu { width: calc(50% - 10px); float: right; margin: 0 0 0 15px !important; }
	.section-actus .news>.slide-actu:first-child { float: left; margin: 0px !important; }
	.section-actus .news>.slide-actu:nth-child(2n) .thumb,
	.section-actus .news>.slide-actu:nth-child(3n) .thumb { display: none; }
	section.telex .slide { height: 50px; font-size: 12px; }
	section.telex .slide>div { left: 10px; right: 10px; }
	section.telex .slide * { font-size: 12px; }
}
@media screen and (max-width: 768px) {
	header .menu-toggle>div, header #top-navigation>ul>li>a>span { display: none !important; }
	header #top-navigation li.lang{top:50px; right:25px; -webkit-transition: .4s ease;transition: .4s ease;}
	header #top-navigation>ul>li.lang select {width: 75px;}
	header.scrolled #top-navigation{top:0;}
	header.scrolled #top-navigation li.lang{top:40px;}
	section.slider { height: 125px; }
	section.slider .slide { background-size: auto 125px; background-position: left center; }
	section.slider .slide>div { width: 125px; }
	section.slider .slide>div>div { padding: 10px; height: auto; top: 50% !important; transform: translateY(-50%); }
	section.slider .slide>div>div * { font-size: 12px !important; padding: 0 0 5px 0 !important; margin: 0 !important;  }
	section.slider .slide>div>div h2 { font-size: 18px !important; }
	.section-actus .wrapper>div{width:100%; margin:0;}
	.section-actus .wrapper>div p{height: auto;}
	.section-actus .wrapper>div:first-child { width: 100%; margin: 0; }
	.section-actus .wrapper>div:first-child h3{margin-top:0;}
	section .banners article {width: 100%;margin:0;}
	.section-category dl dt {line-height: 18px; font-size: 14px; }
	header #top-navigation ul li.espace>a { padding:0; width: 28px; text-indent: 50px; }

	dl.slide>dt h2:hover:after, dl.slide.active>dt h2:after { background-position: -50px top;}
	.questionFeedback form input { width: 120px;}
	footer .row-2, footer .row-1{width: 100%;}
	footer .row-1.social-link h3{margin-top: 10px;}
	#menu-select { display: block; position:relative; width: 100%; right:auto; top:auto;box-shadow:none;  }
	section.banners article a { height: 130px; }
	section.banners article:first-child h3 { display: none; }
	/*.content .list-article { columns: 1; column-gap: 0px; }*/
	.content .list-article article { width: 100% !important; float: none !important; clear: both !important; }
	.content article .thumb {float: none !important; margin:0 0 20px 0 !important; width: 100%; }
	.section-actus .news>.slide-actu { width: 100%; float: none; clear: both; margin: 0 0 0 0 !important; }
	.section-actus .news>.slide-actu .thumb:nth-child(n) { display: block !important; }
}
@media screen and (max-width: 646px) {
	header #top-navigation li.search, header #top-navigation>ul>li:first-child {display: none;}

	.sw-navigant:before, .sw-navigant:after, .sw-employeur:before, .sw-employeur:after{height:3px;}
	section.about article {width: 100%; margin:0 0 15px 0; }
	.myc-content-overlay { right: 0px!important; width: 100%!important; border-radius: 0; }
}
/*Chatbot*/
.myc-container { width: auto;	display:block;}
.myc-conversation-area { width: auto;max-width: 100%;overflow: auto;padding:0 20px 10px  20px; max-height: inherit; display: block; height: 200px; padding-top: 10px; background: #FFF; background-size: 100% auto; }
.myc-conversation-area a { color: #2195de; }
.myc-conversation-area ul { margin: 0 0 10px 0; padding: 0 0 0 20px; }
.myc-conversation-area div { display: block; position: relative; clear: both; overflow: hidden; }
.myc-conversation-area dl dd { display: none; }
.myc-conversation-area dl dt { display: block; margin-top:5px;  cursor: pointer; color: #1f4c73; text-decoration: underline;  }
.myc-conversation-bubble,
.myc-conversation-response,
.myc-conversation-request { padding: 6px 9px; border-radius: 3px; box-shadow: 0 1px 1px rgba(0,0,0,0.2); max-width: 1024px; text-align: left; margin-top: 10px !important; float: left;  opacity: 0; transform: scale(0); transition: all 0.5s; transform-origin: left top; } 
.myc-conversation-bubble { display: block; background-color: #2195de; color: #fff; cursor: pointer;}
.myc-conversation-response { background-color: #e8e8e8; color: #323232; margin-left: -10px; }
.myc-conversation-response * { margin: 0; font-size: 12px !important;  }
.myc-conversation-boolean { float: left; clear: none !important; margin-right: 15px; }
.myc-conversation-type { clear: none !important; margin: 0 10px 10px 0;}
.myc-conversation-request { background-color: #1f4c73; color: #fff; margin-right: -10px; float: right;transform-origin: right top; }
.myc-conversation-next { display: none; clear: both; padding-top: 10px; text-decoration: underline; color:#2195de;cursor: pointer;}
.myc-conversation-show { opacity: 1; transform: scale(1); }
#myc-input-area { margin-top: 10px; clear: both; display: block; }
.myc-text { border: 1px solid #2195de; font-size: 14px; max-width: 100%; min-width: 100%; padding-top: 10px; padding-bottom: 10px; text-indent: 20px; border-radius: 10px; overflow: hidden; box-sizing: border-box; }
/* Overlay */
.myc-content-overlay { position: fixed; top: 100%; right: 55px; max-width: 640px; display: block; box-shadow: 0 0 3px rgba(0,0,0,.3); z-index: 50001; background-color: #fff; text-align: left; border-radius: 10px 10px 0 0; overflow: hidden;font-family: "metropolis"; font-size: 12px;-webkit-transition: all 0.5s;
 transition: all 0.5s; }
.myc-content-overlay-fs {  top: 0 !important; bottom: 0; right: 0; width: 100%; height: 100%; border-radius: 0 !important; }
.myc-content-overlay-fs .myc-conversation-area { height: calc(100% - 113px);  }
.myc-content-overlay-fs #myc-input-area { margin:0 50px 50px 50px; }
.myc-content-overlay-fs #myc-input-area .myc-text { line-height:2; font-size: 16px;}
.myc-content-overlay-open { top: calc(100% - 315px); }
.myc-content-overlay-header { position: relative; overflow: hidden; height: 50px; font-weight: 600; line-height: 50px; font-size: 14px; padding-left: 10px; padding-right: 10px; display: block; background-color: #2195de; color: #fff; cursor: pointer; box-shadow: 0 5px 5px rgba(0,0,0,0.3); z-index:500;  }
.myc-content-overlay-header>div { display: block; line-height: 50px;height: 50px; position: relative; }
.myc-content-overlay-header span { display: block; float: left; line-height: 50px;height: 50px; }
/*icons et loader*/
@keyframes blink { 50% { color: transparent; }}
.myc-conversation-area .myc-loading { display: block; padding: 6px 9px; margin-top: 10px; text-align: center; vertical-align: center; }
.myc-conversation-area .myc-icon-loading-dot { animation: 1s blink infinite; font-size: 8px !important; display: clear; line-height: normal !important; margin-left: 2px; margin-right: 2px; }
.myc-conversation-area .myc-icon-loading-dot:nth-child(2) { animation-delay: 250ms; }
.myc-conversation-area .myc-icon-loading-dot:nth-child(3) { animation-delay: 500ms; }
@font-face { font-family: 'myc-icons'; src:  url('../fonts/icons.eot?6tk1sz'); src:  url('../fonts/icons.eot?6tk1sz#iefix') format('embedded-opentype'),
url('../fonts/icons.ttf?6tk1sz') format('truetype'),
url('../fonts/icons.woff?6tk1sz') format('woff'),
url('../fonts/icons.svg?6tk1sz#icomoon') format('svg'); font-weight: normal; font-style: normal; }
[class^="myc-icon-"], [class*=" myc-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'myc-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 50px; font-size: 22px; /* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 7px; transform: translateY(-2px); }
.myc-icon-toggle-up:before { content: "\f077"; }
.myc-icon-toggle-down:before { content: "\f078"; }
.myc-icon-loading-dot:before { content: "\f111"; }
.myc-icon-trash:before { content: "\f014"; color: #FFFFFF; }
.myc-icon-paper-plane:before { content: "\f1d8"; }
.myc-icon-font-size:before { content: "\ea61"; }
.myc-icon-close:before { content: "\f00d"; color: #FFFFFF; }
.myc-icon-toggle-left:before { content: "\f053"; }
.myc-icon-toggle-right:before { content: "\f054"; }
.myc-icon-chat_bubble:before { content: "\e900"; }
/*alpha*/
#alpha { display:block; position:fixed; right:20px; bottom: 20px; z-index: 998;}
#alpha-img { display:block; position:relative; background: url('../img/chatbot.svg') left center no-repeat; background-size: cover; width:60px; height: 45px; cursor:pointer; }
.myc-content-overlay-container { display: block; position: relative; height: calc(100% - 50px); }
.myc-content-overlay-container .myc-container { height: 100%; width: 100% !important; min-width: auto !important; display: block; }
.myc-content-overlay-container #myc-input-area { padding: 10px; margin-top: 0px; }
/*bx-wrapper*/
.bx-wrapper { position: relative; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; }
.bx-wrapper img { max-width: 100%; display: block; }
.bxslider { margin: 0; padding: 0;}
ul.bxslider { list-style: none;}
.bx-viewport { -webkit-transform: translatez(0); transform: translatez(0); }
.bx-wrapper .bx-loading { min-height: 50px; background: url('../img/bx_loader.gif') center center no-repeat #ffffff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
.bx-default-pager { display: block; position: absolute; right: 0; top: -55px; z-index: 2; }
.bx-default-pager .bx-pager-item { display: block; position: relative; float: left;  padding: 5px 5px 5px 0; }
.bx-default-pager .bx-pager-item a { display: block; color: #3a405a; background-color: #3a405a; width: 7px; height: 7px; text-indent: -50px; overflow: hidden; border-radius: 50%; }
.bx-default-pager .bx-pager-item a.active { background-color: #2195de; }
/*H2 slide*/
dl.slide { position: relative; margin: 0; }
dl.slide>dt { position: relative; cursor: pointer; }
dl.slide>dt h2:after { background-position: -170px top; }
dl.slide>dt h2:hover:after,
dl.slide.active>dt h2:after { background-position: -100px top; }
dl.slide>dd { display: block; margin: 0; }
dl.slide>dt:after { content: ''; position: absolute; right: 0; top: 15px; width: 30px; height: 30px; background: url(../img/close-cross.svg) center center no-repeat; transform: rotate(45deg); background-size: 12px 12px; transition: all .4s; z-index: 2;}
dl.slide.active>dt:after { transform: rotate(-180deg); }
dl.slideH3>dt { padding-left: 35px; }
dl.slideH3>dt:after { top: -2px; right: auto; left:0px;}
/*Tooltip*/
.info{ display:inline-block; position:relative; color:#FFFFFF; background:url(../img/info.png) right top; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; width:15px; height:17px; text-align:center; float:right; margin-right:10%; margin-top:3px; cursor:pointer;}
.info span{ display:none; position:absolute; font-size:14px; font-weight:300; z-index:5; width:225px; bottom:28px; left:50%; margin-left:-132px; background:#fff; padding:15px 20px; text-align:left; color:#63AFEE;-webkit-box-shadow:0 0 20px 1px #D1D1D1; box-shadow:0 0 20px 1px #D1D1D1; text-transform:none !important; line-height: normal; }
.info.large span { width:300px;  }
.info span:before{content:""; display:block; position:absolute; left:50%; bottom:-10px; margin-left:-10px; border-top:10px solid #fff; border-left:10px solid transparent; border-right:10px solid transparent;}
.info:hover{ background:url(../img/info.png) left top; }
.info:hover span{ display:block;}