body {background:#fff;font-family:Verdana, Geneva, sans-serif;font-size:12px;}

body.accept { background: #fff url("img/bg/accept-content-bg.png") repeat 0 0; }

iframe {border:none;}
strong {font-weight:700;}
p {margin-bottom:12px;}
#content p{line-height:1.5em;}
#content ul, article ul {margin-left:10px;margin-bottom:10px; line-height: 16px;}
#content ul li, article ul li {background:url("img/bullets/bullet.gif") 0 50% no-repeat;padding-left:8px;}
#content ol, article ol {margin-left:3em;margin-bottom:1em;}
ol li {list-style-type:decimal;margin-bottom:5px;}
a {color:#55729E;}
a:focus {border:1px dashed #eee;}
.banners figure a:focus {border:none;}
.leftFloat {float:left;}
.rightFloat {float:right;}
#allContainer {margin:0 auto;max-width:960px;}
#homepage h1 {display:none;}
/*header*/
header#header {background:#eee url("img/bg/bg_header_1.jpg") 50% 0 no-repeat;margin:0 auto;height:179px;position:relative;width:97.91666667%;width:calc(100% - 20px);} /*940/960*/
header#header nav {position:relative;}
header#header nav .leftFloat {float:left;}
header#header nav .leftFloat ul#languageSwitch {margin:0 0 0 22px;padding-top:20px;}
header#header nav .leftFloat ul#languageSwitch li {float:left;font-size:0.917em;margin-right:6px;padding:4px;}
header#header nav .leftFloat ul#languageSwitch li.active {background:#414650;}
header#header nav .leftFloat ul#languageSwitch li:hover {background:#414650;}
header#header nav .leftFloat ul#languageSwitch li a {color:#414650;text-transform:uppercase;text-decoration:none;}
header#header nav .leftFloat ul#languageSwitch li.active a {color:#fff;}
header#header nav .leftFloat ul#languageSwitch li:hover a {color:#fff;}
header#header nav .rightFloat {float:right;}
header#header nav .rightFloat select.serviceNav {display:none;}
header#header nav .rightFloat ul.serviceNav {overflow:hidden;padding-top:20px;}
header#header nav .rightFloat ul.serviceNav li {float:left;font-size:1em;margin-right:6px;padding:4px;}
header#header nav .rightFloat ul.serviceNav li.active {background:#414650;}
header#header nav .rightFloat ul.serviceNav li:hover {background:#414650;}
header#header nav .rightFloat ul.serviceNav li a {color:#414650;text-decoration:none;}
header#header nav .rightFloat ul.serviceNav li.active a {color:#fff;}
header#header nav .rightFloat ul.serviceNav li:hover a {color:#fff;}
header#header nav .rightFloat ul.serviceNav li.toBelgium {position:relative;top:-4px;}
header#header nav .rightFloat ul.serviceNav li.toBelgium a {background:url("img/logo/belgium.png") 0 0 no-repeat;display:block;height:20px;width:28px;}
header#header nav .rightFloat ul.serviceNav li.toBelgium:hover {background-color:transparent;}
header#header nav .rightFloat ul.serviceNav li.toBelgium span {left:-999em;position:absolute;top:-999em;}
header#header #headContent {clear:both;position:relative;top:51px;}
header#header #headContent figure {float:left;margin:0;position:relative;left:22px;}
header#header #headContent figure img {max-width:100%;}
header#header #headContent #login,header#header #headContent iframe#topnav {border:none;float:right;height:110px;bottom:30px;width:310px;}
header#header #headContent iframe#topnav {position:relative;}
header#header #headContent #login.hide{display:none;}

header#header #headContent #login{display:table-cell; vertical-align:bottom;}

/*Page d'accueilpage*/
#homepage article#intro {margin:2.55319% auto;width:97.91666667%;width:calc(100% - 20px);}
#homepage article#intro p {color:#6f7989;font-size:1.083em;}
#homepage section p{line-height:1.3em;}
#homepage section {margin:0 auto;width:97.91666667%;width:calc(100% - 20px);overflow:hidden;}
#eBoxFrame h2 a{display: block; height: 50px;}
#homepage section header {background:#dcdfe6;color:#414650;height:60px;padding:10px 0 0 13px;}
#homepage section header h2 {font-size:133.3333333%;font-weight:700;margin-bottom:9px;}
#homepage section #applicationsBox {margin-top:3px;overflow:hidden;}
#homepage section #applicationsBox h2{text-indent:-9999px;}

#homepage section .appBanner { width: 310px; height: 153px; position: relative; float: left; position:relative; margin-bottom: 5px; margin-right: 5px;}
#homepage section .appBanner2 { width: 625px; }
#homepage section #applicationsBox > .appBanner:nth-child(3n+2) { margin-right: 0; }

html[lang="fr"] #homepage section #applicationsBox #activa {background: url("img/bg/bg_activa_fr.jpg") 50% 0 no-repeat;}
html[lang="nl"] #homepage section #applicationsBox #activa {background: url("img/bg/bg_activa_nl.jpg") 50% 0 no-repeat;}
html[lang="de"] #homepage section #applicationsBox #activa {background: url("img/bg/bg_activa_de.jpg") 50% 0 no-repeat;}
html[lang="en"] #homepage section #applicationsBox #activa {background: url("img/bg/bg_activa_en.jpg") 50% 0 no-repeat;}
#homepage section #applicationsBox #activa {color:#30353d;}
#homepage section #applicationsBox #activa p {font-size:.9em;line-height:12px;padding:33px 169px 0 9px;}
#homepage section #applicationsBox #activa p a {color:#e52b38;}
#homepage section #applicationsBox #activa p.moreInfo {padding:0;}
#homepage section #applicationsBox #activa p.moreInfo a {background:url("img/bullets/bullet_white.png") no-repeat scroll 0 50%;bottom:9px;color:#FFFFFF;padding-left:8px;position:absolute;right: 8px;}

html[lang="fr"] #homepage section #applicationsBox #elo {background: url("img/bg/bg_elo_fr.jpg") 50% 0 no-repeat;}
html[lang="nl"] #homepage section #applicationsBox #elo {background: url("img/bg/bg_elo_nl.jpg") 50% 0 no-repeat;}
html[lang="de"] #homepage section #applicationsBox #elo {background: url("img/bg/bg_elo_de.jpg") 50% 0 no-repeat;}
html[lang="en"] #homepage section #applicationsBox #elo {background: url("img/bg/bg_elo_en.jpg") 50% 0 no-repeat;}
#homepage section #applicationsBox #elo {color:#30353d;}
#homepage section #applicationsBox #elo p {font-size:.9em;line-height:12px;padding:33px 169px 0 9px;}
#homepage section #applicationsBox #elo p a {color:#e52b38;}
#homepage section #applicationsBox #elo p.moreInfo {padding:0;}
#homepage section #applicationsBox #elo p.moreInfo a {background:url("img/bullets/bullet_white.png") no-repeat scroll 0 50%;bottom:9px;color:#FFFFFF;padding-left:8px;position:absolute;right: 8px;}

html[lang="fr"] #homepage section #applicationsBox #break {background: url("img/bg/bg_breakatwork_fr.jpg") 50% 0 no-repeat;}
html[lang="nl"] #homepage section #applicationsBox #break {background: url("img/bg/bg_breakatwork_nl.jpg") 50% 0 no-repeat;}
html[lang="de"] #homepage section #applicationsBox #break {background: url("img/bg/bg_breakatwork_de.jpg") 50% 0 no-repeat;}
html[lang="en"] #homepage section #applicationsBox #break {background: url("img/bg/bg_breakatwork_en.jpg") 50% 0 no-repeat;}
#homepage section #applicationsBox #break {color:#30353d;}
#homepage section #applicationsBox #break p {font-size:.9em;line-height:12px;padding:49px 120px 0 9px;}
html[lang="fr"] #homepage section #applicationsBox #break p { padding-right: 100px; }
#homepage section #applicationsBox #break p a {color:#e52b38;}
#homepage section #applicationsBox #break p.moreInfo {padding:0;}
#homepage section #applicationsBox #break p.moreInfo a {background:url("img/bullets/bullet_white.png") no-repeat scroll 0 50%;bottom:9px;color:#FFFFFF;padding-left:8px;position:absolute;right: 8px;}

#homepage section #mycareer {background: url("img/bg/bg_mycareer.jpg") no-repeat;color:#242E34;position:relative;}
#homepage section #mycareer h2 {text-indent:-9999px;}
#homepage section #mycareer p {padding:76px 170px 0 9px;font-size:0.9em;color:#0d2635;}
#homepage section #mycareer p a {color:#73ba5a;}
#homepage section #mycareer p.moreInfo a {background:url("img/bullets/bullet_white.png") no-repeat scroll 0 50%;bottom:9px;color:#FFFFFF;padding-left:8px;position:absolute;right:8px;}

#homepage section #applicationsBox #pension {background: url("img/bg/bg_pension.jpg") 50% 0 no-repeat;color:#30353d;}
#homepage section #applicationsBox #pension p {font-size:.9em;padding:71px 180px 0 15px;}
#homepage section #applicationsBox #pension p a {color:#b5234d;}
#homepage section #applicationsBox #pension p.moreInfo {padding:0;}
#homepage section #applicationsBox #pension p.moreInfo a {background:url("img/bullets/bullet_white.png") no-repeat scroll 0 50%;bottom:9px;color:#FFFFFF;padding-left:8px;position:absolute;right: 8px;}

#homepage section #applicationsBox #student {background: url("img/bg/bg_student.jpg") 50% 0 no-repeat;color:#30353d;}
#homepage section #applicationsBox #student p {margin-bottom:0;padding:50px 0 0 5px;font-size:.9em; word-spacing:0px;width:300px;display:block;color:#2c2c2c;line-height:1.4em;}
#homepage section #applicationsBox #student p a {color:#2c2c2c;text-decoration:none;}
#homepage section #applicationsBox #student p a span{text-decoration:underline;}
#homepage section #applicationsBox #student aside .studentContingent {float:none;margin-right:5px;text-align:left; padding-left: 5px;width:300px;}
#homepage section #applicationsBox #student aside .studentContingent p {font-size:.9em;line-height:1.4em;padding:0;}
#homepage section #applicationsBox #student aside .studentContingent a {font-size:.9em;color:#2c2c2c;text-decoration:none;display:inline-block; vertical-align:middle;line-height:1.4em;}
#homepage section #applicationsBox #student aside .studentContingent a span {text-decoration:underline;}
#homepage section #applicationsBox #student p.moreInfo {padding:0;}
#homepage section #applicationsBox #student p.moreInfo a {background:url("img/bullets/bullet_white.png") no-repeat scroll 0 50%;bottom:8px;color:#FFFFFF;padding-left:8px;position:absolute;right: 8px;text-decoration:underline;}

#homepage section #applicationsBox #horeca {background: url("img/bg/bg_horeca.jpg") 50% 0 no-repeat;color:#30353d;}
#homepage section #applicationsBox #horeca p {margin-bottom:0;padding:64px 0 0 10px;font-size:.9em;word-spacing:0px;width:198px;display:block;float:left;}
#homepage section #applicationsBox #horeca p a {color:#f05d21;}
#homepage section #applicationsBox #horeca p.moreInfo {padding:0;}
#homepage section #applicationsBox #horeca p.moreInfo a {background:url("img/bullets/bullet_white.png") no-repeat scroll 0 50%;bottom:9px;color:#FFFFFF;padding-left:8px;position:absolute;right: 8px;}
#homepage section #applicationsBox #horeca aside {float:none;}

#homepage section #applicationsBox #calidris {color:#242E34;}
html[lang="fr"] #homepage section #applicationsBox #calidris {background: url("img/bg/bg_calidris_fr.jpg") no-repeat;}
html[lang="nl"] #homepage section #applicationsBox #calidris {background: url("img/bg/bg_calidris_nl.jpg") no-repeat;}
html[lang="de"] #homepage section #applicationsBox #calidris {background: url("img/bg/bg_calidris_de.jpg") no-repeat;}
html[lang="en"] #homepage section #applicationsBox #calidris {background: url("img/bg/bg_calidris_en.jpg") no-repeat;}
#homepage section #applicationsBox #calidris p{padding:47px 89px 0 9px;font-size:0.9em;}
#homepage section #applicationsBox #calidris p a{color:#6EB6C3;}
#homepage section #applicationsBox #calidris p.moreInfo a {background:url("img/bullets/bullet_white.png") no-repeat scroll 0 50%;bottom:9px;color:#FFFFFF;padding-left:8px;position:absolute;right:8px;}

#homepage section #checkinatwork {background: url("img/bg/bg_checkinatwork.jpg") no-repeat;color:#242E34;}
#homepage section #checkinatwork h2{text-indent:-9999px;}
#homepage section #checkinatwork p{padding:55px 80px 0 9px;font-size:0.9em;color:#0d2635;}
#homepage section #checkinatwork p a{color:#0d2635;}
#homepage section #checkinatwork p.moreInfo a {background:url("img/bullets/bullet_white.png") no-repeat scroll 0 50%;bottom:9px;color:#FFFFFF;padding-left:8px;position:absolute;right:8px;}

#homepage section #interimatwork {background: url("img/bg/bg_interim.jpg") no-repeat;color:#242E34;}
#homepage section #interimatwork h2 {text-indent:-9999px;}
#homepage section #interimatwork p {padding:61px 8px 0 9px;font-size:0.9em;color:#0d2635;}
#homepage section #interimatwork p a {color:#15a484;}
#homepage section #interimatwork p a strong {color:#2f3134;}
#homepage section #interimatwork p.moreInfo a {background:url("img/bullets/bullet_white.png") no-repeat scroll 0 50%;bottom:9px;color:#FFFFFF;padding-left:8px;position:absolute;right:8px;}

#homepage section #onva {background: url("img/bg/bg_onva.jpg") no-repeat;color:#242E34;}
#homepage section #onva h2 {text-indent:-9999px;}
#homepage section #onva p {padding:49px 119px 0 9px;font-size:0.9em;}
#homepage section #onva a {color:#02569e;}
#homepage section #onva a:hover {text-decoration:none;}
#homepage section #onva p.moreInfo a {background:url("img/bullets/bullet_white.png") no-repeat scroll 0 50%;bottom:9px;color:#FFFFFF;padding-left:8px;position:absolute;right:8px;}

#homepage section #applicationsBox #ec32 {color:#242E34;}
html[lang="fr"] #homepage section #applicationsBox #ec32 {background: url("img/bg/bg_ec32_fr.jpg") no-repeat;}
html[lang="nl"] #homepage section #applicationsBox #ec32 {background: url("img/bg/bg_ec32_nl.jpg") no-repeat;}
html[lang="de"] #homepage section #applicationsBox #ec32 {background: url("img/bg/bg_ec32_de.jpg") no-repeat;}
html[lang="en"] #homepage section #applicationsBox #ec32 {background: url("img/bg/bg_ec32_en.jpg") no-repeat;}
#homepage section #applicationsBox #ec32 p{padding:60px 89px 0 9px;font-size:0.9em;}
#homepage section #applicationsBox #ec32 p a{color:#000;}
#homepage section #applicationsBox #ec32 p.moreInfo a {background:url("img/bullets/bullet_white.png") no-repeat scroll 0 50%;bottom:9px;color:#FFFFFF;padding-left:8px;position:absolute;right:8px;}

#homepage section #myebox {background: url("img/bg/bg_ebox.jpg") no-repeat;color:#2c2c2c;}
#homepage section #myebox p {padding:95px 200px 16px 16px;font-size:0.9em;}
#homepage section #myebox a {color:#028cae;}
#homepage section #myebox a:hover {text-decoration:none;}
/*html[lang="fr"] #homepage section #myebox {background: url("img/bg/bg_ebox_fr.jpg") no-repeat;}
html[lang="nl"] #homepage section #myebox {background: url("img/bg/bg_ebox_nl.jpg") no-repeat;}
html[lang="de"] #homepage section #myebox {background: url("img/bg/bg_ebox_de.jpg") no-repeat;}
html[lang="en"] #homepage section #myebox {background: url("img/bg/bg_ebox_en.jpg") no-repeat;}*/

#homepage section figure {background:#fff;}
#homepage section figure a {display:block;}

#homepage footer {margin-top:10px;}
#homepage footer #partners {background:#e8ebf1;height:140px;margin:0 auto;position:relative;width:97.91666667%;width:calc(100% - 20px);}
#homepage footer #partners #institutions {float:left;width:83.723404255%;}
#homepage footer #partners h2 {color:#414650;font-size:133.3333333%;font-weight:700;padding:13px 0 0 10px;}
#homepage footer #partners ul {margin-top:14px;margin-left:10px;overflow:hidden;}
#homepage footer #partners ul li {float:left;font-size:0.833em;width:16.6%;padding-right:15px;box-sizing:border-box;}
#homepage footer #partners ul li a {color:#8e8f91;display:inline-block;text-decoration:none;padding-top:40px;}
#homepage footer #partners ul li:hover a {color:#414650;}
#homepage footer #partners ul li figure {margin-bottom:9px;}
#homepage footer #partners aside {background:#6f7989 url("img/bg/bg_partners.gif") 0 50% no-repeat;float:right;height:140px;position:relative;top:0;width:16.276595744%;}
#homepage footer #partners aside p {padding:45px 8px 0 13px;line-height:16px;text-align:center;}
#homepage footer #partners aside a {color:#fff;text-decoration:underline;}
#homepage footer #partners aside a:hover {text-decoration:none;}
#homepage footer #partners #institutions .neoFr {background:url("img/logo/neo.png") 0 -105px no-repeat;}
#homepage footer #partners #institutions .neoFr:hover {background:url("img/logo/neo.png") 0 0 no-repeat;}
#homepage footer #partners #institutions .neoDe:hover {background:url("img/logo/neo.png") 0 -420px no-repeat;}
#homepage footer #partners #institutions .neoDe {background:url("img/logo/neo.png") 0 -525px no-repeat;}
#homepage footer #partners #institutions .neoEn:hover {background:url("img/logo/neo.png") 0 -628px no-repeat;}
#homepage footer #partners #institutions .neoEn {background:url("img/logo/neo.png") 0 -734px no-repeat;}
#homepage footer #partners #institutions .neoNl {background:url("img/logo/neo.png") 0  -314px no-repeat;}
#homepage footer #partners #institutions .neoNl:hover {background:url("img/logo/neo.png") 0 -209px no-repeat;}
#homepage footer #partners #institutions .onvaFr {background:url("img/logo/onva.png") 0 -106px no-repeat;}
#homepage footer #partners #institutions .onvaFr:hover {background:url("img/logo/onva.png") 0 0 no-repeat;}
#homepage footer #partners #institutions .onvaNl {background:url("img/logo/onva.png") 0 -314px no-repeat;}
#homepage footer #partners #institutions .onvaNl:hover {background:url("img/logo/onva.png") 0 -209px no-repeat;}
#homepage footer #partners #institutions .onvaDe {background:url("img/logo/onva.png") 0 -524px no-repeat;}
#homepage footer #partners #institutions .onvaDe:hover {background:url("img/logo/onva.png") 0 -419px no-repeat;}
#homepage footer #partners #institutions .nossFr, #homepage footer #partners #institutions .nossNl {background:url("img/logo/noss.png") 0 -101px no-repeat;}
#homepage footer #partners #institutions .nossFr:hover, #homepage footer #partners #institutions .nossNl:hover {background:url("img/logo/noss.png") 0 2px no-repeat;}
#homepage footer #partners #institutions .sigedisFr, #homepage footer #partners #institutions .sigedisNl {background:url("img/logo/sigedis.png") 0 -100px no-repeat;}
#homepage footer #partners #institutions .sigedisFr:hover, #homepage footer #partners #institutions .sigedisNl:hover {background:url("img/logo/sigedis.png") 0 4px no-repeat;}
#homepage footer #partners #institutions .cbssFr, #homepage footer #partners #institutions .cbssNl {background:url("img/logo/cbss.png") 0 -101px no-repeat;}
#homepage footer #partners #institutions .cbssFr:hover, #homepage footer #partners #institutions .cbssNl:hover {background:url("img/logo/cbss.png") 0 0px no-repeat;}
#homepage footer #partners #institutions .ima {background:url("img/logo/ima.png") 0 -105px no-repeat;}
#homepage footer #partners #institutions .ima:hover {background:url("img/logo/ima.png") 0 0 no-repeat;}

/*about*/
#about #content {margin:20px auto 10px auto;overflow:hidden;width:98%;}
#about #content #main {float:left;width:48.93617021276596%;}
#about #content section {background:#d8e1ef;line-height:16px;}
#about #content section.like4Asides {min-height:565px;}
/*#about #content section.like5Asides {min-height:708px;}*/
#about #content section article.main {background:#86a2cc url("img/bg/bg_about_main.jpg") 50% 100% no-repeat;border-bottom:0;color:#fff;margin:0;padding:20px 20px 40px 20px;}
#about #content section article.main h1 {color:#fff;font-size:1.33333333em;font-weight:700;margin-bottom:16px;}
#about #content section article.main p {border:0;}
#about #content section article {border-bottom:1px dotted #414650;color:#414650;margin:20px 20px 0 20px;}
#about #content section article.last {border-bottom:0;padding-bottom:20px;}
#about #content section article h2 {font-size:1.1666666em;font-weight:700;margin-bottom:16px;}
#about #content #partners {line-height:14px;float:right;width:48.93617021276596%;}
#about #content aside {background:#e8ebf1;/*height:164px;*/margin-bottom:7px;padding-bottom:15px;}
#about #content aside header {height:34px;padding:7px 0;}

#about #content aside header.neoFr {background:#dcdfe6 url("img/logo/neo.png") 30px 5px no-repeat;}
#about #content aside header.neoNl {background:#dcdfe6 url("img/logo/neo.png") 30px -203px no-repeat;}
#about #content aside header.neoDe {background:#dcdfe6 url("img/logo/neo.png") 30px -410px no-repeat;}
#about #content aside header.neoEn {background:#dcdfe6 url("img/logo/neo.png") 30px -620px no-repeat;}
#about #content aside header.onvaFr {background:#dcdfe6 url("img/logo/onva.png") 25px 10px no-repeat;}
#about #content aside header.onvaNl {background:#dcdfe6 url("img/logo/onva.png") 25px -200px no-repeat;}
#about #content aside header.onvaDe {background:#dcdfe6 url("img/logo/onva.png") 25px -411px no-repeat;}
#about #content aside header.nossFr, #about #content aside header.nossNl {background:#dcdfe6 url("img/logo/noss.png") 25px 7px no-repeat;}
#about #content aside header.cbssFr, #about #content aside header.cbssFr, #about #content aside header.cbssNl, #about #content aside header.cbssNl {background:#dcdfe6 url("img/logo/cbss.png") 25px 7px no-repeat;}
#about #content aside header.sigedisFr, #about #content aside header.sigedisFr, #about #content aside header.sigedisNl, #about #content aside header.sigedisNl {background:#dcdfe6 url("img/logo/sigedisSmall.png") 25px 13px no-repeat;}
#about #content aside header.ima{background:#dcdfe6 url("img/logo/imaSmall.png") 22px 15px no-repeat;}

#about #content aside header.neoFr:hover, #about #content aside header.neoNl:hover, #about #content aside header.neoDe:hover {cursor:default;}
#about #content aside header.onvaFr:hover, #about #content aside header.onvaNl:hover, #about #content aside header.onvaDe:hover {cursor:default;}
#about #content aside header.nossFr:hover, #about #content aside header.nossNl:hover, #about #content aside header.nossDe:hover {cursor:default;}
#about #content aside header h1 {color:#414650;font-size:0.9166666666em;font-weight:700;}
#about #content aside header h1 a{display:inline-block;background:transparent url("img/bullets/borderDotted.png") repeat-y 110px 0;padding-left:11.1667em;height:20px;padding-bottom:5px;padding-top:8px;}
#about #content aside header.sigedisNl h1 a {padding-top:3px;padding-bottom:10px;}
#about #content aside p {color:#6f7989;margin: 15px 18px 0;}
#about #content aside ul{color:#6f7989;margin:15px 0 0 30px;;line-height:1.5;}
#about #content aside ul li{background-position:left 8px;}
#about #content #insertAside aside {margin-top:7px;margin-bottom:0;}
#about #content #addInstitution {background:#6f7989;color:#fff;margin-top:7px;margin-bottom:7px;padding:18px 24px;}
#about #content #addInstitution a {color:#fff;font-weight:700;}
/*faq*/
#faq section {background:#e8ebf1;margin:16px auto 0 auto;padding-bottom:70px;width:97.91666667%;width:calc(100% - 20px);}
#faq section header h1 {color:#fff;background:#86a2cc url("img/bg/bg_section_h1.jpg") 50% 100% no-repeat;font-size:1.333333em;height:35px;margin-left:20px;padding: 10px 0 5px;text-align:center;width:120px;}
#faq section .subSection {margin:20px 20px 0 20px;}
#faq section .subSection header h2 {background:#86a2cc;color:#fff;margin-bottom:13px;padding:10px 0 10px 40px}
#faq section .subSection h3.expand {background:#ced5e4 url("img/icons/plus.png") 8px 50% no-repeat;color:#414650;cursor:pointer;margin:0 0 6px 40px;padding:10px 0 10px 32px;}
#faq section .subSection h3.open {background:#ced5e4 url("img/icons/minus.png") 8px 50% no-repeat;color:#414650;cursor:pointer;margin:0 0 0 40px;padding:10px 0 10px 32px;}
#faq section .subSection article {background:#fff;line-height:16px;margin:0 0 6px 40px;padding:14px 23px;}
#faq section .subSection article p {color:#414650;}
#faq section .subSection article p.indent {margin-left:17px;}
#faq section .subSection article h4 {color:#414650;font-weight:700;margin-bottom:10px;}
#faq section .subSection article li {color:#414650;}
#faq section .subSection article ol li strong {display:block;margin-left:10px;}
#data section {background:#e8ebf1;margin:16px auto 0 auto;padding-bottom:70px;width:97.91666667%;width:calc(100% - 20px);}
#data section header h1 {color:#fff;background:#86a2cc;display:inline-block;font-size:1.333333em;margin-left:20px;padding:10px;text-align:center;}
#data section .subSection {color:#414650;margin:20px 20px 0 20px;}
#data section .subSection h2 {font-size:1.1666666em;font-weight:700;margin-bottom:16px;}
#data section .subSection h3 {font-size:1.1em;font-weight:700;margin-bottom:10px;}
#data section .subSection p {line-height: 1.5em;}

/*contact*/
#contact #content {margin:20px auto 10px auto;overflow:hidden;width:97.91666667%;width:calc(100% - 20px);}
#contact #content section {float:left;width:48.93617021276596%;}
#contact #content section header {background:#86a2cc url("img/bg/bg_about_main.jpg") 50% 100% no-repeat;overflow:hidden;padding:20px;}
#contact #content section header h1 {color:#fff;font-size:1.83333333333em;margin-bottom:10px;}
#contact #content section header p {color:#fff;line-height:14px;}
#contact #content section header a {color:#fff;}
#contact #content section iframe#contactForm {border:none;height:720px;width:100%;}
#contact #content #otherContact {background:#e8ebf1;float:right;/*height:800px;*/padding:18px;width:45.1063829787234%;}
#contact #content #otherContact aside {/*border-bottom:1px dotted #414650;*/margin-top:37px;padding-right:5px;/*padding-bottom:24px;*/}
#contact #content #otherContact aside:first-child {margin-top:0;}
#contact #content #otherContact aside#phone {background:url("img/icons/phone.png") 0 0 no-repeat;padding-left:48px;}
#contact #content #otherContact aside#address {background:url("img/icons/address.png") 0 0 no-repeat;padding-left:48px;}
#contact #content #otherContact aside#facebook {background:url("img/icons/facebook.png") 0 0 no-repeat;border-bottom:0;padding-left:48px;}
#contact #content #otherContact aside#twitter {background:url("img/icons/twitter.png") 0 0 no-repeat;border-bottom:0;margin-top:0;padding-left:48px;}
#contact #content #otherContact aside h1 {color:#414650;font-size:1.333333333em;font-weight:700;margin-bottom:15px;}
#contact #content #otherContact p {color:#414650;line-height:14px;}
#contact #content #otherContact a {color:#55729e;}
#contact #content #otherContact a:hover {text-decoration:none;}
/*prikbord*/
#prikboardPage #content {margin:20px auto 10px auto;overflow:hidden;width:100%;}
#prikboardPage article#intro {margin:2.55319% auto;width:97.91666667%;width:calc(100% - 20px);}
#prikboardPage article#intro p {color:#6f7989;font-size:1.083em;}
#prikboardPage article#intro p strong {color:#414650;}
#prikboardPage #content section {background:#e8ebf1;margin:0 auto;width:97.91666667%;width:calc(100% - 20px);}
#prikboardPage section header h1 {color:#fff;background:#86a2cc url("img/bg/bg_section_h1.jpg") 50% 100% no-repeat;font-size:1.333333em;height:35px;margin-left:20px;padding: 10px 0 5px;text-align:center;width:120px;}
#prikboardPage #content section iframe {border:none;width:100%;height:780px;}
#profile #content section iframe {border:none;width:100%;height:740px;}
/*footer*/
footer #footer {background:#e8ebf1;clear:both;margin:9px auto 0 auto;position:relative;width:97.91666667%;width:calc(100% - 20px);height:40px;line-height:40px;}
footer #footer #likeUs {color:#6f7989;float:left;font-size:0.917em;margin-left:10px;}
footer #footer #likeUs a {background:url("img/logo/facebook.png") 0 0 no-repeat;display:inline-block;height:20px;margin-left:5px;margin-bottom:2px;vertical-align:middle;width:20px;text-indent:-999px;}
footer #footer #likeUs a:hover {background:url("img/logo/facebook_hover.png") 0 0 no-repeat;}
footer #footer #likeUs a span {left:-999em;position:absolute;top:-999em;}
footer #footer #copy {color:#6f7989;float:right;font-size:0.917em;margin-right:10px;}
footer #footer #copy ul li {float:left;}
footer #footer #copy ul li.first {padding-right:1em;}
footer #footer #copy ul li.active {font-weight:700;}
footer #footer #copy ul li.active a {text-decoration:none;}
footer #footer #copy ul li a {color:#6f7989;}
footer #footer #copy ul li a:hover {text-decoration:none;}
/*iframes*/
/*login*/
header#header #headContent #login.show,header#header #headContent #logout.show iframe{display:block;}
header#header #headContent iframe{display:none;}
div#login p {
    text-align: center;
}
#login .btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 8px 32px 10px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#login .btn:focus,
#login .btn:active:focus,
#login .btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#login .btn:hover,
#login .btn:focus {

  text-decoration: underline;
}
#login .btn:active,
#login .btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

#login .btn-link {
  color: #fff;
  font-weight: normal;
  cursor: pointer;
  background-color:#86a2cc;
  text-decoration:none;
  
}

#login .btn-link:active,
#login .btn-link[disabled],
fieldset[disabled] #login .btn-link {

  -webkit-box-shadow: none;
  box-shadow: none;
}
#login .btn-link,
#login .btn-link:hover,
#login .btn-link:focus,
#login .btn-link:active {
  border-color: transparent;
}
#login .btn-link:hover,
#login .btn-link:focus {

  text-decoration: underline;
}
#login .btn-link[disabled]:hover,
fieldset[disabled] #login .btn-link:hover,
#login .btn-link[disabled]:focus,
fieldset[disabled] #login .btn-link:focus {
  color: #928472;
  text-decoration: none;
}

body#noLogin {background:#86a2cc;font-family:Verdana, Geneva, sans-serif;}
body#noLogin h1 {background:#414650;color:#fff;font-size:125%;height:27px;line-height:20px;padding-top:3px;text-align:center;}
body#noLogin #connection {background:url("img/bg/bg_iframe_h1.jpg") 48% 0 no-repeat;overflow:hidden;padding:9px 10px 0 10px;}
body#noLogin #connection #viaToken, body#noLogin #connection #viaEid {color:#fff;font-size:100%;margin-top:5px;width:130px;}
body#noLogin #connection #viaToken a, body#noLogin #connection #viaEid a {line-height: 1.2em;color:#fff;font-weight:700;text-decoration:underline;}
body#noLogin #connection #viaToken a:hover, body#noLogin #connection #viaEid a:hover {text-decoration:none;}
body#noLogin #connection #viaToken {float:right;}
body#noLogin #connection #viaEid {float:left;}
body#login {background:#414650;font-family:Verdana, Geneva, sans-serif;}
body#login #connection {overflow:hidden;padding:0 20px 0 10px}
body#login #connection, body#login #pers {clear:both;color:#fff;}
body#login #pers {margin-top:10px;padding-left:10px;}
body#login #connection #disconnection {float:left;margin-top:10px;}
body#login #connection #myeBox .eboxNumberMail {float:right;background:#c2282e url("img/bg/bg_ebox_red.jpg") 8px 50% no-repeat;height:20px;padding-left:61px;}
body#login #connection #myeBox .eboxNumberMail {padding-top: 10px;}
body#login #connection #myeBox .eboxNumberMail a {color:#fff;font-weight:700;text-decoration:none;display:block;}
body#login #connection #myeBox .eboxNumberMail a span {background:url("img/bg/bg_mail_red.jpg") 100% 50% no-repeat;padding-right:20px;margin-right:10px;margin-top: 2px;display: block;}
/* if no email change the background color of the email box */
body#login #connection #myeBox .eboxNumberMail.noEmail a span {background-image:url("img/bg/bg_mail_blue.png");}
body#login #connection #myeBox .eboxNumberMail.noEmail {background-image:url("img/bg/bg_ebox_blue.png"); background-color:#86a2cc;}
body#login #connection a, body#login #pers a {color:#fff; text-decoration:underline;}
body#login #pers a {font-weight:700;}
body#login #pers a > strong:after {
    content: " ";
}
body#login #pers p {margin-bottom:5px;}
body#login #myeBox {padding-left:61px;}
body#login #myeBox iframe#eBoxMails {height:27px;width:49px;}
/*eBox*/
#eBoxFrame {background:#425065;border:0;}
#eBoxFrame h2 {background:#425065 url("img/bg/bg_ebox_frame_logo.jpg") 13px 10px no-repeat;height:50px;text-indent:-9999px;}
#eBoxFrame #insertBox {background:#425065 url("img/bg/bg_ebox_frame.jpg") 50% 0 no-repeat;}
#eboxWidget {height:290px; width:100%;}
#framecontent {background:transparent;padding:70px 55px 0 55px;}
#framecontent p {color:#fff;font-size:133.3333333%;line-height:133%;text-align:center;text-transform:uppercase;}
#eBoxFrame footer img {float:right;position:relative;top:10px;right:10px;}


/* mailWidget */
#mailWidget {background-color:transparent;height:16px;width:95%;}
#language #allContainer {margin:60px auto 0 auto;max-width:58.8%;}
#language #allContainer figure img {margin-left:120px;max-width:100%;}

#language #allContainer ul {background:url("img/bg/bg_language.png") 0 0 no-repeat;height:263px;overflow:hidden;padding:48px 0 0 347px;width:352px;}
#language #allContainer ul li {margin-bottom:7px;}
#language #allContainer ul li a:hover {color:#414650;font-weight:700;}
#language #allContainer ul li a span {background:url("img/bg/bg_bullet_language.png") 0 0 no-repeat;color:#fff;display:inline-block;height:26px;margin-right:5px;padding:6px 0 0 5px;width:26px;*vertical-align:top;}
#language #allContainer ul li a:hover span {background:url("img/bg/bg_bullet_language_hover.png") 0 0 no-repeat;font-weight:normal;}
#error #allContainer {margin-top:60px;}
#error #allContainer figure, #error #allContainer section {float:left;} 
#error #allContainer figure {margin-top:150px;}
#error #allContainer section {margin-left:40px;}
#error #allContainer aside {margin-bottom:26px;}
#error #allContainer aside h1 {color:#86a2cc;font-size:2.16666666em;margin-bottom:10px;}
#error #allContainer aside p {color:#6f7989;line-height:15px;}
#error #allContainer aside a {margin-top:5px; display:inline-block}
#error #allContainer aside p a:hover {color:#414650; font-weight:700;}
/* error application */
#error-application #allContainer {margin-top:1.666em;}
#error-application #allContainer p {margin-bottom:2em;}
#error-application #allContainer section, #error-application #allContainer aside {float:left;}
#error-application #allContainer aside {min-height:20em;width:36%;background-color:#c2282e;padding:3%;color:#fff;line-height:1.5em;} 
#error-application #allContainer aside + aside {width:52%;background-color:#e8ebf1; color:#414650; background:#e8ebf1 url("img/bullets/flecheRed.png") no-repeat 0 50%;}
#error-application #allContainer aside h1 {color:#fff;font-size:2.16666666em;margin-bottom:.833em;}
#error-application #allContainer aside h2 {color:#414650;font-size:1.5em;margin-bottom:.833em}
#error-application ul {margin-bottom:1.666em; margin-left:0;}
#error-application ul li {margin-bottom:0.417em; list-style-type:none;background:none;padding:0;}
#error-application ul li span {display:inline-block;min-width:10em;}
#error-application #allContainer aside + aside ul li {padding-left:1.5em; background:transparent url("img/bullets/fleche.png") no-repeat center left}
/* studentContingent */
.studentContingent.connected a {display:none;}
iframe.studentContingentNb {width:300px;margin-top:5px}
#contingentStudent {background:transparent;}
#contingentStudent a {color:#fff;font-size:1.8em;text-decoration:none;font-family:Verdana, Geneva, sans-serif;display:inline-block;text-align:center;width:90px;*margin-left:-4px;}
#contingentStudent a span {display:block;font-size:.7em;}

iframe.horecaContingentNb {background-color:#f15d22 !important;height:24px;margin-top:67px;margin-left:13px;width:140px;}
#contingentHoreca {background:transparent;}
body#contingentHoreca{background:none;margin:0;}
#contingentHoreca a {color:#fff;display:block;font-family:Arial, Helvetica, sans-serif;font-size:1em;font-weight:700;margin-left:5px;margin-top:4px;text-decoration:none;}
#contingentHoreca a span{display:inline-block;float:right;font-weight:normal;margin-right:5px;text-align:right;}

#teaser #allContainer {margin:30px auto 0 auto;max-width:800px;}
#teaser #allContainer #header {background:url("img/bg/bg_language.png") 0 bottom no-repeat;height:251px;position:relative;width:94.91%;}
#teaser #allContainer #header figure {float:right;position:relative;right:121px;top:133px;}
#teaser #allContainer #content {border:2px solid #86A2CC;margin:0 auto 20px auto;padding:30px 40px;width:88.91%;}
#teaser #allContainer article {clear:both;color:#414650;margin-bottom:30px;overflow:hidden;padding:0;}
#teaser #allContainer article.last {margin-bottom:0;}
#teaser #allContainer article a:hover {color:#414650;font-weight:700;}
#teaser #allContainer article strong {color:#6f7989;}
#teaser #allContainer article span {background:url("img/bg/bg_bullet_language.png") 0 0 no-repeat;color:#fff;display:block;height:26px;margin-right:5px;padding:6px 0 0 5px;width:24px;*vertical-align:top;float:left;}
#teaser #allContainer article div {float:left;width:610px;border-bottom:1px solid #86A2CC;padding-bottom:10px;}
#teaser #allContainer article div.last {border-bottom:0;padding-bottom:0;}
#teaser #allContainer article div p {line-height:15px;}
/* profil no connected*/
#profileNoConnected #allContainer {margin:30px auto 0 auto;max-width:960px;}
#profileNoConnected #allContainer #content {background:#D8E1EF;margin:1em auto 20px auto;padding:30px 40px;width:88.91%; font-size:14px;}
#profileNoConnected #allContainer #content strong{color:#414650;}
/** Message Alert **/
#alert{background:#fff18d url("img/backgrounds/alertIcon.png") no-repeat scroll 1.5em 1.5em;color:#414650;box-sizing:border-box;display:block;overflow:hidden;padding:1.5em 1.5em 1.5em 9.417em;margin:2.55319% auto;width:97.91666667%;width:calc(100% - 20px);}
#alert strong{color:#e6410b;font-weight:normal;}
#alert .readMore{padding-left:1.250em;position:relative;}
#alert .readMore:before, #alert .readMore:after{background:#e6410b;content:"";display:block;position:absolute;left:0;top:50%;width:10px;height:2px;margin-top:-1px;}
#alert .readMore:after{ -webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
#alert .readMore.open:after{display:none;}
#alert .hideContent{padding-left:1.429em;}
#alert h2{font-size:1.143em;margin-top:1.250em;color:#e6410b;}
#alert h2:first-child{margin-top:0;}
#alert p {line-height:1.4em;margin:10px 0 0;}
#alert ul li {padding-left:1.667em;}
/***EU Cookies***/
#euCookie {background-color:#232729;background-color:rgba(39, 43, 46, 0.9);color:#fff;min-height:5em;padding-top:1.5em;position:fixed;bottom:0;width:100%;z-index:600;}
#euCookie .container{margin: 0 auto;max-width: 960px;}
#euCookie a {text-decoration:none;}
#euCookie .btn {background:#86a2cc;color:#fff;display:inline-block;padding:10px 15px;}
#euCookie .btn:hover {background:#6f7989;}
#euCookie .btn:first-child {margin-left:2em;margin-right:.5em;}