*:before, *:after { -ms-box-sizing: none; -o-box-sizing: none; -webkit-box-sizing: none; -moz-box-sizing: none; box-sizing: none; } h1,h2,h3,h4,h5,h6 { -ms-box-sizing: none; -o-box-sizing: none; -webkit-box-sizing: none; -moz-box-sizing: none; box-sizing: none; } .button { -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .vcard { display: block; border: 0 none; } /*# A Standard/1 General/2 Body #*/ body { font-size: 14px; -webkit-tap-highlight-color:rgba(0,0,0,0); } /*# A Standard/1 General/3 Links #*/ /* skin red */ /* a { color: #7a1631; } */ /* skin blue */ a { color: #12732a; } .touch a:hover { color: #c5beb6; } #body a[href*="http://"]:after, #body a[href^="http://"]:after { content: "\2386"; display: inline-block; margin-left: 0.4em; font-family: 'Icons', arial, helvetica, sans-serif; font-size: 0.7em; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; text-transform: none; line-height: 1em; speak: none; vertical-align: middle; } /* skin red */ #pmwrapper.skin-red #body a:after, #pmwrapper.skin-red #body .detail-dropdown a { color: #7a1631; } /* skin blue */ #pmwrapper.skin-blue #body a:after, #pmwrapper.skin-blue #body .detail-dropdown a { color: #12732a; } /* skin red */ #pmwrapper.skin-red #body a:after, #pmwrapper.skin-red #body .detail-dropdown a:hover { color: #222; } /* skin blue */ #pmwrapper.skin-blue #body a:after, #pmwrapper.skin-blue #body .detail-dropdown a:hover { color: #222; } /*# A Standard/1 General/4 Headings #*/ /* H1 is used for logo */ body h2 { line-height: 1.1;font-family: "Fira Sans Extra Condensed", sans-serif; } body h4 { margin-bottom: 1em; line-height: 1.2; } body h5 { margin-bottom: 1em; line-height: 1.2; font-family: 'Open Sans', sans-serif;text-transform: uppercase; } body h6 { margin-bottom: 1em; line-height: 1.2; font-family: 'Open Sans', sans-serif;text-transform: normal; } body h2.subheader, body h2 > .subheader { font-family: 'OpenSans-Light', arial, helvetica, sans-serif; color: #ccc; text-transform: none; } body h3 > .subheader { color: #ccc; } body h4.subheader, body h4 > .subheader { margin-bottom: 1em; } body h5.subheader, body h5 > .subheader { margin-bottom: 1em; } body h6.subheader, body h6 > .subheader { margin-bottom: 1em; } /*# A Standard/1 General/5 Other Elements #*/ #body ul { margin-left: 0.5em; margin-bottom: 1.5em; margin-top: 1.3rem; } } #body ul.inline-list { margin-left: 0; } #body ul.inline-list li { margin-left: 1em; } #body ul.inline-list li:first-child { margin-left: 0; } #body ul.link-list { display: block; margin: 0 0 1em; list-style: none; } #body ul.link-list li { position: relative; padding-left: 1.5em; border-top: 1px solid #e8e8e8; } #body ul.link-list.no-line li { border: 0 none; } #body ul.link-list li:first-child { border-top: 0 none; } #body ul.link-list li a { font-family: 'Open Sans', sans-serif;color: #7a1631; text-transform: uppercase; text-decoration: none; cursor: pointer; display: inline-block; width: 100%; } /* skin red */ #pmwrapper.skin-red #body ul.link-list li a { color: #7a1631; } /* skin blue */ #pmwrapper.skin-blue #body ul.link-list li a { color: #12732a; } #body ul.link-list li a:before { position: absolute; left: 0; line-height: inherit; } /*.no-touch #pmwrapper #body ul.link-list li a:hover,*/ .no-touch #pmwrapper #body ul.link-list li a.active { color: #222; } #body ul.link-list.sub-links li:before, #body ul.link-list.sub-links li:after { display: table; content: ""; line-height: 0; } #body ul.link-list.sub-links li:after { clear: both; } #body ul.link-list.sub-links li > a { display: inline-block; max-width: 80%; } #body ul.link-list.sub-links li > div { float: right; width: 40px; height: 1.5em; text-align: justify; } #body ul.link-list.sub-links li > div:after { content: ''; display: inline-block; width: 100%; } #body ul.link-list.sub-links li > div > * { display: inline; } #body ul.feed-list { display: block; margin: 0; list-style: none; } #body ul.feed-list li h6 { margin-bottom: 0; font-family: 'Open Sans', sans-serif;color: #222; line-height: 1.5em; text-transform: uppercase; } #body ul.feed-list li a { display: inline-block; margin-bottom: 0.8em; font-family: 'OpenSans-Light', arial, helvetica, sans-serif; color: #888; text-decoration: none; cursor: pointer; } .no-touch #body ul.feed-list li a:hover { color: #7a1631; text-decoration: underline; } /* skin red */ .no-touch #pmwrapper.skin-red #body ul.feed-list li a:hover { color: #7a1631; } /* skin blue */ .no-touch #pmwrapper.skin-blue #body ul.feed-list li a:hover { color: #12732a; } /* skin red */ #pmwrapper.skin-red button, #pmwrapper.skin-red .button { background-color: #f8f4ef; color: #7a1631; } /* skin blue */ #pmwrapper.skin-blue button, #pmwrapper.skin-blue .button { background-color: #f8f4ef; color: #12732a; } /* skin red */ #pmwrapper.skin-red form button, #pmwrapper.skin-red form .button { background-color: #f8f4ef; color: #7a1631; } /* skin blue */ #pmwrapper.skin-blue form button, #pmwrapper.skin-blue form .button { background-color: #f8f4ef; color: #12732a; } /* skin red */ #pmwrapper.skin-red button.action, #pmwrapper.skin-red .button.action { background-color: #7a1631; color: #fff; } /* skin blue */ #pmwrapper.skin-blue button.action, #pmwrapper.skin-blue .button.action { background-color: #12732a; color: #fff; } /* skin red */ #pmwrapper.skin-red form button.action, #pmwrapper.skin-red form .button.action { background-color: #7a1631; color: #fff; } /* skin blue */ #pmwrapper.skin-blue form button.action, #pmwrapper.skin-blue form .button.action { background-color: #12732a; color: #fff; } #body ol { margin-left: 1.3em; } #body ul ul, #body ol ul { list-style-type: disc; } #body ul.arrows { list-style-type: none; margin-left: 0; } #body ul.arrows li:before { padding-right: 0.2em; } #body img { margin-bottom: 1em; max-width: 100%; } time { display: inline-block; margin-bottom: 0.5em; color: #000; text-transform: uppercase; } time.large { font-size: 2em; } #body table th, #body table td { padding-right: 0; } #body table th:first-child, #body table td:first-child { padding-left: 0; } #body table th, #body table td { border-bottom: solid #ccc; } #body table th { border-width: 0 0 2px; font-family: 'Open Sans', sans-serif;text-transform: uppercase; } #body table td { border: solid #ccc; border-width: 1px 0 0; } #body table.vertical { width: 100%; } #body table.vertical td.head { border-width: 0 2px 0 0; font-family: 'Open Sans', sans-serif;text-transform: uppercase; } #body table.vertical td { border-width: 0 0 0 1px; } #body input[type=text]::-ms-clear { display: none; } /* REMOVE IE10 CROSS IN INPUT FIELD */ #body .no-margin-bottom { margin-bottom: 6px !important; } #body .no-margin-top { margin-top: 6px !important; } /*# A Standard/3 Page Structure #*/ #pmwrapper { min-width: 320px; } .max-fluid { position: relative; margin: 0 auto; padding: 0 16px; width: 100%; max-width: 1170px; -ms-box-sizing: none; -o-box-sizing: none; -webkit-box-sizing: none; -moz-box-sizing: none; box-sizing: none; } .max-fluid:before, .max-fluid:after { display: table; content: ""; line-height: 0; } .max-fluid:after { clear: both; } body .mobile-mover { position: relative; left: 0; -ms-transition: left .2s ease 0s; -o-transition: left .2s ease 0s; -webkit-transition: left .2s ease 0s; -moz-transition: left .2s ease 0s; transition: left .2s ease 0s; } body .mobile-mover > .overlay { display: none; position: absolute; top: 46px; left: 0; width: 100%; height: 100%; z-index: 4; cursor: default; } body.search-open .mobile-mover > .overlay { display: block; background: url(/_assets/_gfx/bg_livesearch.png) repeat left top; } /*# A Standard/3 Page Structure/1 header #*/ header { position: relative; background-color: #1e913a; z-index: 5; } header .max-fluid { margin-bottom: 48px; height: 46px; } header section, header nav { display: block; } header section { float: left; } header nav { background-color: #1e913a; } header .logo { position: relative; float: left; margin: 0; width: 130px; height: 46px; z-index: 5; } header .logo a { display: block; } header .logo a img { display: block; } header .logo a span { position: absolute; top: 0; left: -1px; overflow: hidden; width: 1px; height: 1px; } header .bandeau { display: block; height: 77px; background-color: #fff; } header .bandeau h1 { position: relative; display: block; height: 100%; margin-bottom: 0; } header .bandeau .bandeau-title { position: absolute; visibility: hidden; clip: rect(0,0,0,0); margin-right: -1px; } header .bandeau .bandeau-faculty {} header .bandeau .bandeau-departement { display: inline-block; position: absolute; right: 0; bottom: 13px; margin-right: 16px; font-family: Arial, sans-serif; font-size: 11px; line-height: 14px; text-align: right; color: #565656; text-transform: uppercase; } header section [class|="icon"] { display: none; } /*# A Standard/3 Page Structure/1 header/1 Navigation #*/ header nav { font-family: 'Open Sans', sans-serif;font-weight: normal; word-spacing: 1px; } header nav:before, header nav:after { display: table; content: ""; line-height: 0; } header nav:after { clear: both; } header nav ul { margin: 0; list-style: none; } header nav > ul > li { float: left; } header nav > ul > li > a { display: inline-block; padding: 0 20px; color: #fbfafa;font-family: "Fira Sans Extra Condensed", sans-serif; text-transform: uppercase; text-align: center; line-height: 46px; } header nav > ul > li.hover > a, header nav > ul > li.active > a { background-color: #7a1631; color: #fff; text-decoration:none } /* skin red */ #pmwrapper.skin-red header nav > ul > li.hover > a, #pmwrapper.skin-red header nav > ul > li.active > a { background-color: #7a1631; color: #fff; } /* skin blue */ #pmwrapper.skin-blue header nav > ul > li.hover > a, #pmwrapper.skin-blue header nav > ul > li.active > a { background-color: #12732a; color: #fff; } header nav a { text-decoration: none; } /*# A Standard/3 Page Structure/1 header/1 Navigation/1 First Level #*/ header nav > ul.navigation { float: left; } header nav > ul.navigation .has-dropdown, header nav > ul.navigation .has-addon { position: relative; } header nav > ul.navigation .has-dropdown > a, header nav > ul.navigation .has-addon > a { position: relative; padding-right: 28px; } /*header nav > ul.navigation .has-dropdown > a:focus, header nav > ul.navigation .has-addon > a:focus { color: #c5beb6; }*/ header nav > ul.navigation .has-dropdown > a:after, header nav > ul.navigation .has-addon > a:after { display: inline-block; content: '\25be'; position: absolute; top: 1px; right: 13px; width: 1em; height: auto; font-family: 'Icons'; font-size: 0.857142em; line-height: 46px; } /*.no-touch #pmwrapper header nav > ul.navigation .has-dropdown:hover > a, .no-touch #pmwrapper header nav > ul.navigation .has-addon:hover > a ,*/ #pmwrapper header nav > ul.navigation .has-dropdown.hover > a, #pmwrapper header nav > ul.navigation .has-addon.hover > a { height: 46px; background-color: #fff; border-bottom: 1px solid #e8e8e8; color: #222; } /*.no-touch #pmwrapper header nav > ul.navigation .has-dropdown:hover > a:after, .no-touch #pmwrapper header nav > ul.navigation .has-addon:hover > a:after,*/ #pmwrapper header nav > ul.navigation .has-dropdown.hover > a:after, #pmwrapper header nav > ul.navigation .has-addon.hover > a:after { content: '\25b4'; top: 0; } /*# A Standard/3 Page Structure/1 header/1 Navigation/2 Subnavi #*/ header nav > ul.navigation .subnavi { position: absolute; overflow: hidden; visibility: hidden; width: auto; z-index: 4; -ms-box-shadow: 0 10px 20px 0 rgba(0,0,0,0.5); -o-box-shadow: 0 10px 20px 0 rgba(0,0,0,0.5); -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,0.5); -moz-box-shadow: 0 10px 20px 0 rgba(0,0,0,0.5); box-shadow: 0 10px 20px 0 rgba(0,0,0,0.5); } /*.no-touch header nav > ul.navigation .has-dropdown:hover > .subnavi, .no-touch header nav > ul.navigation .has-addon:hover > .subnavi,*/ header nav > ul.navigation .has-dropdown.hover > .subnavi, header nav > ul.navigation .has-addon.hover > .subnavi { visibility: visible; } header nav > ul.navigation .subnavi:before, header nav > ul.navigation .subnavi:after { display: table; content: ""; line-height: 0; } header nav > ul.navigation .subnavi:after { clear: both; } header nav > ul.navigation .subnavi .dropdown, header nav > ul.navigation .subnavi .addon { display: block; float: left; margin-bottom: -1000px; padding: 12px 16px 1012px; -ms-box-sizing: content-box; -o-box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } header nav > ul.navigation .subnavi .dropdown { background-color: #fff; } header nav > ul.navigation .subnavi .addon { background-color: #f8f4ef; } header nav > ul.navigation .subnavi .dropdown > li > *, header nav .subnavi .addon > li > * { text-transform: uppercase; white-space: nowrap; } header nav > ul.navigation .subnavi .dropdown > li > a, header nav .subnavi .addon > li > a { display: block; } header nav > ul.navigation .subnavi .dropdown > li > a { display: block; color: #222; } .no-touch header nav > ul.navigation .subnavi .dropdown > li:hover > a, header nav > ul.navigation .subnavi .dropdown > li.active > a { color: #7a1631; } /* skin red */ .no-touch #pmwrapper.skin-red header nav > ul.navigation .subnavi .dropdown > li:hover > a, #pmwrapper.skin-red header nav > ul.navigation .subnavi .dropdown > li.active > a { color: #7a1631; } /* skin blue */ .no-touch #pmwrapper.skin-blue header nav > ul.navigation .subnavi .dropdown > li:hover > a, #pmwrapper.skin-blue header nav > ul.navigation .subnavi .dropdown > li.active > a { color: #12732a; } header nav > ul.navigation .subnavi .addon > li { line-height: 1.3; } header nav > ul.navigation .subnavi .addon > li > label { margin: 1.8em 0 0.7em; color: #222; cursor: default; } header nav > ul.navigation .subnavi .addon > li:first-child > label { margin-top: 0; } header nav > ul.navigation .subnavi .addon > li > a { font-family: 'OpenSans-Light', arial, helvetica, sans-serif; text-decoration: underline; text-transform: none; } /*# A Standard/3 Page Structure/1 header/1 Navigation/3 Language #*/ header nav > ul.language { float: right; } header nav > ul.language > li > a { padding: 0 8px 0 6px; min-height: 46px; background-color: transparent; } header nav > ul.language > li.active > a { color: #fff; } /*# A Standard/3 Page Structure/1 header/1 Navigation/4 Meta #*/ header nav > ul.meta { float: right; } header nav > ul.meta > li > a[class|="icon"] { padding: 0 12px; color: #fff; min-height: 46px; background-color: transparent; } header nav > ul.meta > li > a[class|="icon"]:before { min-width: 22px; } header nav > ul.meta > li > a[class="icon-star"]:before { margin-right: 6px; } header nav > ul.meta > li > a[class^="icon-star"], header nav > ul.meta > li > a[class*="icon-star"] { display: block; margin-left: 12px; background-color: #6d8faa !important; } header nav > ul.meta > li > a[class^="icon-star"]:before, header nav > ul.meta > li > a[class*="icon-star"]:before { display: block; float: left; font-size: 22px; text-align: center; line-height: 46px; } header nav > ul.meta > li > a[class="icon-search"] { background-color: #7a1631; font-size: 14px; cursor: pointer; } /* skin red */ #pmwrapper.skin-red header nav > ul.meta > li > a[class="icon-search"] { background-color: #7a1631; } /* skin blue */ #pmwrapper.skin-blue header nav > ul.meta > li > a[class="icon-search"] { background-color: #12732a; } /*# A Standard/3 Page Structure/1 header/1 Navigation/4 Meta/1 LiveSearch #*/ header nav > ul.meta > li > .search { display: none; position: absolute; left: 16px; right: 16px; z-index: 3; -ms-box-shadow: 0 10px 20px 0 rgba(0,0,0,0.3); -o-box-shadow: 0 10px 20px 0 rgba(0,0,0,0.3); -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 10px 20px 0 rgba(0,0,0,0.3); box-shadow: 0 10px 20px 0 rgba(0,0,0,0.3); } body.search-open header nav > ul.meta > li > .search { display: block; } header nav > ul.meta > li > .search form { margin: 0; } header nav > ul.meta > li > .search .icon-close { position: absolute; top: -46px; right: 0; padding: 0 12px; background-color: #7a1631; font-size: 14px; color: #fff; line-height: 46px; cursor: pointer; } /* skin red */ #pmwrapper.skin-red header nav > ul.meta > li > .search .icon-close { background-color: #7a1631; } /* skin blue */ #pmwrapper.skin-blue header nav > ul.meta > li > .search .icon-close { background-color: #12732a; } header nav > ul.meta > li > .search .icon-close:before { min-width: 22px; } header nav > ul.meta > li > .search .row { padding: 40px 0; background-color: #7a1631; } /* skin red */ #pmwrapper.skin-red header nav > ul.meta > li > .search .row { background-color: #7a1631; } /* skin blue */ #pmwrapper.skin-blue header nav > ul.meta > li > .search .row { background-color: #12732a; } header nav > ul.meta > li > .search .row .textinput { font-size: 7em; padding: 0 32px 0 16px; } header nav > ul.meta > li > .search .row .textinput > div { position: relative; float: left; width: 100%; } header nav > ul.meta > li > .search .row .textinput > div:first-child { padding-right: 0; margin-right: 16px; position: absolute; width: 1.3em; height: 1.3em; line-height: 1.3em; text-align: center; right: 0; } header nav > ul.meta > li > .search .row .textinput .icon-search { display: block; margin: 0; background-color: #fff; color: #12732a; text-transform: uppercase; width: 100%; height: 100%; cursor: pointer; } header nav > ul.meta > li > .search .row .textinput .icon-search:before { min-width: 1.1em; font-size: 0.785714em; color: #12732a; line-height: 1em; } header nav > ul.meta > li > .search .row .textinput label { display: none; } header nav > ul.meta > li > .search .row .textinput input::-ms-input-placeholder { color: #95455a; text-transform: none!important; } header nav > ul.meta > li > .search .row .textinput input::-o-input-placeholder { color: #95455a; text-transform: none!important; } header nav > ul.meta > li > .search .row .textinput input::-webkit-input-placeholder { color: #95455a; text-transform: none!important; } header nav > ul.meta > li > .search .row .textinput input:-moz-placeholder { color: #95455a; text-transform: none!important; } header nav > ul.meta > li > .search .row .textinput input::-moz-placeholder { color: #95455a; text-transform: none!important; } header nav > ul.meta > li > .search .row .textinput input::input-placeholder { color: #95455a; text-transform: none!important; } header nav > ul.meta > li > .search .row .textinput input { position: relative; margin: 0!important; padding: 0!important; height: 1.3em!important; background: transparent; border: 0 none transparent; font-family: 'OpenSans-Light', arial, helvetica, sans-serif!important; color: #9a606d; line-height: 1.3em; text-transform: none!important; z-index: 4; opacity: 1; } header nav > ul.meta > li > .search .row .textinput input:first-child { padding-right: 1.4em !important; position: absolute; top: 0; left: 0; color: #fff; z-index: 5; background: url(/_assets/_gfx/bg_transparent.png) repeat left top; } header nav > ul.meta > li > .search .row .where_to_search { font-family: 'OpenSans-Light', arial, helvetica, sans-serif; color: #fff; } header nav > ul.meta > li > .search .row .where_to_search p { margin-bottom: 0.6em; } header nav > ul.meta > li > .search .row .where_to_search .custom.radio:before { background-color: #fff; } header nav > ul.meta > li > .search .row .where_to_search label { margin: 0; font-family: 'Open Sans', sans-serif;color: #fff; text-transform: uppercase; } header nav > ul.meta > li > .search .results { padding: 16px; background-color: #232324; color: #fff; } header nav > ul.meta > li > .search .results:before, header nav > ul.meta > li > .search .results:after { display: table; content: ""; line-height: 0; } header nav > ul.meta > li > .search .results:after { clear: both; } header nav > ul.meta > li > .search .results .left { width: 18.5%; font-family: 'OpenSans-Light', arial, helvetica, sans-serif; text-align: right; } header nav > ul.meta > li > .search .results .right { padding-left: 32px; width: 81.5%; text-align: left; } header nav > ul.meta > li > .search .results .right ul { margin: 0; } header nav > ul.meta > li > .search .results .right ul li { border: 0 none; } header nav > ul.meta > li > .search .results .right ul li a { color: #fff; text-transform: uppercase; cursor: pointer; } header nav > ul.meta > li > .search .results .right ul li a:before { display: inline-block; margin-right: 5px; color: #fff; } .no-touch header nav > ul.meta > li > .search .results .right ul li a:hover { color: #ccc; } /*# A Standard/3 Page Structure/1 header/1 Navigation/5 Breadcrump #*/ header nav > ul.breadcrumps { position: absolute; bottom: -48px; right: 16px; } header nav > ul.breadcrumps > li { margin-left: 30px; padding-left: 8px; list-style: disc; color: #8a8680; } header nav > ul.breadcrumps > li:first-child { margin: 0; list-style: none; } header nav > ul.breadcrumps > li a.icon-home:before { position: relative; top: 0.1em; font-size: 1.15em; } header nav > ul.breadcrumps > li > a { padding: 0; color: inherit; } .no-touch #pmwrapper header nav > ul.breadcrumps > li:hover > a { background: none transparent; color: #8a8680; } .no-touch #pmwrapper header nav > ul.breadcrumps > li > a:hover { color: #222; } /*# A Standard/3 Page Structure/3 Body #*/ #body { margin-bottom: -32px; } /*# A Standard/4 Modules #*/ /*# A Standard/4 Modules/1 Helper Styles #*/ #pmwrapper .visible-desktop { display: block!important; } #pmwrapper .visible-mobile { display: none!important; } #pmwrapper .hidden-mobile { display: block!important; } #pmwrapper .clearfix:before, #pmwrapper .clearfix:after { display: table; content: ""; line-height: 0; } #pmwrapper .clearfix:after { clear: both; } /*# A Standard/4 Modules/2 Colors #*/ #pmwrapper .white, #pmwrapper .white h2, #pmwrapper .white h3, #pmwrapper .white h4, #pmwrapper .white h5, #pmwrapper .white h6 { color: #fff; } #pmwrapper .grey-dark, #pmwrapper .grey-dark h2, #pmwrapper .grey-dark h3, #pmwrapper .grey-dark h4, #pmwrapper .grey-dark h5, #pmwrapper .grey-dark h6 { color: #222; } #pmwrapper .grey, #pmwrapper .grey h2, #pmwrapper .grey h3, #pmwrapper .grey h4, #pmwrapper .grey h5, #pmwrapper .grey h6 { color: #363636; } #pmwrapper .grey-light, #pmwrapper .grey-light h2, #pmwrapper .grey-light h3, #pmwrapper .grey-light h4, #pmwrapper .grey-light h5, #pmwrapper .grey-light h6 { color: #ccc; } #pmwrapper .grey-lightest, #pmwrapper .grey-lightest h2, #pmwrapper .grey-lightest h3, #pmwrapper .grey-lightest h4, #pmwrapper .grey-lightest h5, #pmwrapper .grey-lightest h6 { color: #e9e9e9; } #pmwrapper .red, #pmwrapper .red h2, #pmwrapper .red h3, #pmwrapper .red h4, #pmwrapper .red h5, #pmwrapper .red h6 { color: #7a1631; } #pmwrapper .beige-dark, #pmwrapper .beige-dark h2, #pmwrapper .beige-dark h3, #pmwrapper .beige-dark h4, #pmwrapper .beige-dark h5, #pmwrapper .beige-dark h6 { color: #c5beb6; } #pmwrapper .beige, #pmwrapper .beige h2, #pmwrapper .beige h3, #pmwrapper .beige h4, #pmwrapper .beige h5, #pmwrapper .beige h6 { color: #f2eadf; } #pmwrapper .beige-light, #pmwrapper .beige-light h2, #pmwrapper .beige-light h3, #pmwrapper .beige-light h4, #pmwrapper .beige-light h5, #pmwrapper .beige-light h6 { color: #f8f4ef; } #pmwrapper .yellow, #pmwrapper .yellow h2, #pmwrapper .yellow h3, #pmwrapper .yellow h4, #pmwrapper .yellow h5, #pmwrapper .yellow h6 { color: #ffd462; } #pmwrapper .blue, #pmwrapper .blue h2, #pmwrapper .blue h3, #pmwrapper .blue h4, #pmwrapper .blue h5, #pmwrapper .blue h6 { color: #3e6187; } #pmwrapper .orange, #pmwrapper .orange h2, #pmwrapper .orange h3, #pmwrapper .orange h4, #pmwrapper .orange h5, #pmwrapper .orange h6 { color: #ff9662; } #pmwrapper .bg-white { color: #fff; } #pmwrapper .bg-grey-dark { background-color: #222; } #pmwrapper .bg-grey { background-color: #363636; } #pmwrapper .bg-grey-light { background-color: #ccc; } #pmwrapper .bg-grey-lightest { background-color: #e9e9e9; } #pmwrapper .bg-red { background-color: #7a1631; } #pmwrapper .bg-beige-dark { background-color: #c5beb6; } #pmwrapper .bg-beige { background-color: #f2eadf; } #pmwrapper .bg-beige-light { background-color: #f8f4ef; } #pmwrapper .bg-yellow { background-color: #ffd462; } /*#pmwrapper .bg-blue { background-color: #3e6187; }*/ #pmwrapper .bg-blue { background-color: #12732a; } #pmwrapper .bg-orange { background-color: #ff9662; } /*# A Standard/4 Modules/3 Icons #*/ [class|="icon"]:before, [class^="icon"]:before, [class*="icon"]:before { display: inline-block; font-family: 'Icons', arial, helvetica, sans-serif; font-size: 1em; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: inherit; text-align: center; text-transform: none; line-height: 1; speak: none; } .icon-arrow-left:before { content: "\2190"; } .icon-arrow-right:before { content: "\2192"; } .icon-caret-down:before { content: "\25be"; } .icon-caret-up:before { content: "\25b4"; } .icon-download:before { content: "\2913"; } .icon-envelope:before { content: "\2709"; } .icon-external-link:before { content: "\2386"; } .icon-facebook:before { content: "\66"; } .icon-home:before { content: "\2302"; } .icon-printer:before { content: "\50"; } .icon-search:before { content: "\5a"; } .icon-star-empty:before { content: "\2606"; } .icon-star:before { content: "\2605"; } .icon-trashcan:before { content: "\54"; } .icon-close:before { content: "\274c"; } .icon-twitter:before { content: "\74"; } .icon-menu:before { content: "\2630"; } .icon-top:before { content: "\5e"; } /*# A Standard/4 Modules/4 Forms #*/ #body form { margin-bottom: 1em; } #pmwrapper label { font-family: 'Open Sans', sans-serif;text-transform: uppercase; } #pmwrapper label.error { color: #ff9662; } #pmwrapper input[type="text"], #pmwrapper input[type="password"], #pmwrapper select { margin-bottom: 1em; padding: 0.3em 0.8em; height: 40px; font-family: 'Open Sans', sans-serif;-ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-appearance: none; } #pmwrapper input[type="text"], #pmwrapper select, #pmwrapper .custom.dropdown > a { text-transform: uppercase; } #pmwrapper textarea { margin-bottom: 1em; padding: 0.3em 0.8em; height: auto; font-family: 'Open Sans', sans-serif;-ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-appearance: none; resize: none; } #pmwrapper .custom.radio { margin-right: 5px; background: transparent; } #pmwrapper .custom.checkbox { margin-right: 5px; background: transparent; } #pmwrapper input[type=checkbox] + label { display: inline; } #pmwrapper .custom.dropdown { height: auto; font-family: 'Open Sans', sans-serif;} #pmwrapper .custom.dropdown.open { border-color: #222; } #pmwrapper .custom.dropdown > a { display: block; margin: 0; padding: 0.3em 1.6em 0.3em 0.8em; height: 40px; line-height: 2.3em; cursor: pointer; } #pmwrapper .custom.dropdown > a:before { position: absolute; right: 11px; content: "\25be"; display: inline-block; font-family: 'Icons', arial, helvetica, sans-serif; font-size: 1em; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: inherit; text-align: center; text-transform: none; line-height: 2.3em; speak: none; } #pmwrapper .custom.dropdown > a.selector { display: none; } #pmwrapper .custom.dropdown > ul { margin: 0; border-color: #222; } #pmwrapper .custom.dropdown > ul li { padding: 0.3em 0.8em; border-top: 1px dotted #e5e5e5; color: #222; cursor: pointer; } #pmwrapper .custom.dropdown > ul li:first-child { border: 0 none; } #pmwrapper .custom.dropdown > ul li.selected { background-color: #7a1631; border: 0 none; color: #fff; } /* skin red */ #pmwrapper.skin-red .custom.dropdown > ul li.selected { background-color: #7a1631; } /* skin blue */ #pmwrapper.skin-blue .custom.dropdown > ul li.selected { background-color: #12732a; } #pmwrapper .custom.dropdown > ul li.disabled { color: #ccc; cursor: default; } #pmwrapper input.js-placeholder { color: #ccc; text-transform: uppercase; } #pmwrapper input::-ms-input-placeholder { color: #ccc; text-transform: uppercase; } #pmwrapper input::-o-input-placeholder { color: #ccc; text-transform: uppercase; } #pmwrapper input::-webkit-input-placeholder { color: #ccc; text-transform: uppercase; } #pmwrapper input:-moz-placeholder { color: #ccc; text-transform: uppercase; } #pmwrapper input::-moz-placeholder { color: #ccc; text-transform: uppercase; } #pmwrapper input::input-placeholder { color: #ccc; text-transform: uppercase; } #pmwrapper input.error[type="text"], #pmwrapper input.error[type="password"] { background-color: #fff; border-color: #ff9662; color: #ff9662; } #pmwrapper small.error { margin-bottom: 0.8em; background-color: #fff; font-family: 'Open Sans', sans-serif;text-transform: uppercase; } #pmwrapper form button { display: block; padding: 0.3em 0.8em; width: 100%; height: 40px; background-color: #7a1631; border: 0 none; font-family: 'Open Sans', sans-serif;color: #fff; text-align: left; text-transform: uppercase; } #pmwrapper form button:before { position: absolute; right: 11px; } #pmwrapper .inputprefix { position: relative; } #pmwrapper .inputprefix input { padding-right: 54px; } #pmwrapper .inputprefix .button { position: absolute; right: 0; top: 0; padding: 0; } /*# A Standard/4 Modules/4 Forms/1 InSite-Search #*/ #body .insite-search { position: relative; } #body .insite-search .icon { position: absolute; right: 0px; color: #ccc; line-height: 40px; width: 40px; text-align: center; } #body .insite-search .icon.icon-search { z-index: 2; } #body .insite-search .icon.icon-close { height: 40px; padding: 1px; z-index: 4; background-color: #fff; color: #000; cursor: pointer; background-clip: content-box; } /* SAM suggest #body .insite-search input { position: relative; background-color: #fff; color: #ccc; z-index: 1; } */ #body .insite-search input { position: relative; background-color: #fff; color: #fff; z-index: 1; } #body .insite-search input.search-input { position: absolute; padding-right: 36px; background-color: transparent; color: #222; z-index: 3; background: url(/_assets/_gfx/bg_transparent.png) repeat left top; } #body .insite-search .results { position: absolute; top: 39px; padding: 1em; width: 100%; background-color: #fff; border: 1px solid #ccc; z-index: 1000; } #body .insite-search .results .link-list { margin: 0; } #body .insite-search .results .link-list li { padding: 0; border: 0 none; line-height: 1em; margin-bottom: 5px; } #body .insite-search .results .link-list li a { color: #222; } .no-touch #body .insite-search .results .link-list li a:hover { color: #7a1631; } /*# A Standard/4 Modules/5 Contentblock #*/ #body .contentarea { overflow: hidden; background-color: #fff; } #body .contentarea > .columns > .inner { margin: 0 0 -5000px; padding: 32px 32px 5020px; background-color: #fff; border: solid #e8e8e8; border-width: 0 0 0 1px; } #body .contentarea > .columns.left > .inner { border-width: 0 1px 0 0; } #body .contentarea > .columns:first-child > .inner, #body .contentarea > .columns.left:first-child > .inner { border-width: 0; } #body .contentarea > .columns > .inner > article { } #body .contentarea > .columns > .inner .columns > .inner { padding: 0 0 0 32px; } #body .contentarea > .columns > .inner .columns:first-child > .inner { padding: 0; } /*# A Standard/4 Modules/6 Fullscreenbanner #*/ #body .fullscreen-banner:first-child { position: relative; margin-top: -48px; } #body .fullscreen-banner ul { position: relative; overflow: hidden; margin: 0; width: 100%; list-style: none; } #body .fullscreen-banner ul li { } #body .fullscreen-banner .row { background-color: transparent; } #body .fullscreen-banner img { display: block; margin: 0; width: 100%; max-width: none; } #body .fullscreen-banner .overlay { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; } #body .fullscreen-banner .overlay .max-fluid { height: 100%; } #body .fullscreen-banner .overlay .max-fluid.row .columns { display: table; float: none; height: 100%; } #body .fullscreen-banner .overlay .max-fluid.row .columns .vcenter { display: table-cell; height: 100%; vertical-align: middle; } #body .fullscreen-banner .overlay .max-fluid.row .columns .vcenter h2 { color: #fff; } #body .fullscreen-banner .overlay .max-fluid.row .columns .vcenter .button { margin: 0; padding-left: 1.5em; background-color: #222; color: #ffd464; } /* skin red */ #pmwrapper.skin-red #body .fullscreen-banner .overlay .max-fluid.row .columns .vcenter .button { color: #ffd464; } /* skin blue */ #pmwrapper.skin-blue #body .fullscreen-banner .overlay .max-fluid.row .columns .vcenter .button { color: #ffab6f; } #body .fullscreen-banner .overlay .max-fluid.row .columns .vcenter .button:before { position: static; float: left; margin: 0; padding: 0 5px 0 0; width: auto; height: auto; color: #ffd464; line-height: inherit; } /* skin red */ #pmwrapper.skin-red #body .fullscreen-banner .overlay .max-fluid.row .columns .vcenter .button:before { color: #ffd464; } /* skin blue */ #pmwrapper.skin-blue #body .fullscreen-banner .overlay .max-fluid.row .columns .vcenter .button:before { color: #ffab6f; } /*# A Standard/4 Modules/7 Banner #*/ #body .max-fluid .banner { overflow: hidden; } #body .max-fluid .banner img { margin: 0; width: 100%; max-width: none; } /*# A Standard/4 Modules/8 Navi-Dropdown #*/ #body .nav-dropdown ul { margin: 0; list-style: none; } #body .nav-dropdown a { font-family: 'Open Sans', sans-serif;color: #222; text-decoration: none; text-transform: uppercase; line-height: 1em; } #body .nav-dropdown > a { display: none; cursor: pointer; } #body .nav-dropdown > ul > li { margin-bottom: 0.8em; line-height: 1em; } .no-touch #body .nav-dropdown > ul li > a:hover, #body .nav-dropdown > ul li.active > a { color: #7a1631; } /* skin red */ .no-touch #pmwrapper.skin-red #body .nav-dropdown > ul li > a:hover, #pmwrapper.skin-red #body .nav-dropdown > ul li.active > a { color: #7a1631; } /* skin blue */ .no-touch #pmwrapper.skin-blue #body .nav-dropdown > ul li > a:hover, #pmwrapper.skin-blue #body .nav-dropdown > ul li.active > a { color: #12732a; } #body .nav-dropdown > ul li ul { margin: 0.5em 0 1em 1em; } #body .nav-dropdown > ul li ul li { margin-bottom: 0.2em; line-height: 1em; } #body .nav-dropdown > ul li ul li a { font-family: 'OpenSans-Light', arial, helvetica, sans-serif; } /*# A Standard/4 Modules/9 Home #*/ #body .contentarea.home { margin-top: -32px; overflow: visible; } #body .contentarea.home h2 { font-size: 1.9em; line-height: 1em; } #body .contentarea.home > .columns > .row { overflow: hidden; } #body .contentarea.home > .columns > .row:first-child { position: relative; overflow: visible; } #body .contentarea.home > .columns > .row:first-child > .columns:first-child { position: absolute; bottom: 0; min-height: 100%; background-color: #fff; } #body .contentarea.home > .columns > .row:first-child > .columns:first-child > aside > nav { padding: 32px; } #body .contentarea.home > .columns > .row:first-child > .columns:first-child > aside > nav .nav-dropdown .link-list { margin-bottom: 1em; } #body .contentarea.home > .columns > .row:first-child > .columns:first-child > aside > nav .nav-dropdown .link-list li { margin: 0; padding-top: 5px; padding-bottom: 5px; line-height: 1em; } #body .contentarea.home > .columns > .row:first-child > .columns:first-child > aside > nav h2 > a { color: #000; text-decoration: none; } #body .contentarea.home > .columns > .row:first-child > .columns:first-child > aside > nav .button { margin: 0; } #body .contentarea.home .teaser { overflow: hidden; position: relative; padding-top: 105%; } #body .contentarea.home .teaser > .inner { position: absolute; top: 0; width: 100%; height: 100%; } #body .contentarea.home .teaser.image > .inner > img { display: block; margin: 0; } #body .contentarea.home .teaser.image > .inner > .button { display: block; position: absolute; right: 0; bottom: 30px; margin-bottom: 0; padding: 0 10px; max-width: 100%; background-color: #222; font-size: 1.5em; color: #fff; line-height: 40px; white-space: nowrap; } #body .contentarea.home .teaser.image > .inner > .button:before { position: absolute; left: -40px; top: 0; width: 40px; height: 40px; background-color: #222; color: #fff; line-height: 40px; } #body .contentarea.home .teaser.text > .inner { padding: 32px; } #body .contentarea.home .teaser.text > .inner > h3 { font-family: 'Open Sans', sans-serif;font-size: 1.15em; line-height: 1em; text-transform: uppercase; } #body .contentarea.home .teaser.text.js-height > .inner > .content { overflow: hidden; position: relative; margin-top: 1.5em; -ms-box-sizing: none; -o-box-sizing: none; -webkit-box-sizing: none; -moz-box-sizing: none; box-sizing: none; } /* #body .contentarea.home .teaser.text.js-height > .inner > .content:after { display: block; content: '\2026'; position: absolute; bottom: 0; width: 100%; height: 1.5em; background-color: #fff; line-height: 1.5em; } */ #body .contentarea.home .teaser.text.js-height > .inner > .content:after { display: block; content: ''; position: absolute; bottom: 0; width: 100%; height: 1.5em; background-color: #fff; line-height: 1.5em; } #body .contentarea.home .teaser.text > .inner > .content * { font-size: 14px!important; line-height: 1.5em!important; } #body .contentarea.home .teaser.text > .inner > .action { position: absolute; bottom: 0; left: 0; padding: 1.5em 30px 30px; width: 100%; background-color: #fff; } #body .contentarea.home .teaser.text.js-height > .inner > .action { padding-top: 0; } #body .contentarea.home .teaser.text > .inner > .action > .button { margin-bottom: 0; } #body .contentarea.home .teaser.text > .inner > .course-actions { margin: -32px; } #body .contentarea.home .teaser.text > .inner > .course-actions > .registration { margin-bottom: -32px -32px -532px; padding-bottom: 500px; } #body .contentarea.home .teaser.text > .inner > .course-actions > .registration > a { padding-top: 32px; padding-left: 32px; padding-bottom: 0; } #body .contentarea.home .teaser.text > .inner > .course-actions > .registration > .addition { padding: 0 32px 32px; } #body .contentarea.home .teaser.text > .inner > .course-actions > .registration > .addition h5 { margin-bottom: 0.2em; font-family: 'OpenSans-Light', arial, helvetica, sans-serif; font-size: 1em; } #body .contentarea.home .teaser.text > .inner > .course-actions > .registration > .addition time { font-family: 'Open Sans', sans-serif;font-size: 1.6em; } #body .contentarea.home .special-teaser { overflow: hidden; padding: 32px 0 12px; } #body .contentarea.home .special-teaser > .row > .columns:first-child { padding: 0 32px; } #body .contentarea.home .special-teaser a { display: block; margin: -32px 0 -500px; padding: 32px 0 500px; border-left: 1px dotted #a25c6f; font-family: 'Open Sans', sans-serif;color: inherit; text-align: center; text-decoration: none; text-transform: uppercase; } /* skin red */ #pmwrapper.skin-red #body .contentarea.home .special-teaser.bg-red a { border-color: #a25c6f; } /* skin blue */ #pmwrapper.skin-blue #body .contentarea.home .special-teaser.bg-blue a { border-color: #5c86a2; } #body .contentarea.home .special-teaser a img { display: block; margin: 0 auto; } #body .contentarea.home .special-teaser a .content { display: inline-block; padding: 0 16px; } /*# A Standard/4 Modules/10 Tabs #*/ #body .tabs { margin-bottom: 1.5em; } #body .tabs > .menu { display: block; margin: 0; width: 100%; list-style: none; } #body .tabs > .menu:before, #body .tabs > .menu:after { display: table; content: ""; line-height: 0; } #body .tabs > .menu:after { clear: both; } #body .tabs > .menu li { float: left; } #body .tabs > .menu li a { display: inline-block; padding: 0 32px; height: 30px; background: #ffd462; border-width: 1px 1px 0; border-style: solid; border-color: #ffd464 #ffd464 #fff #d3b055; font-family: 'Open Sans', sans-serif;color: #222; line-height: 30px; text-transform: uppercase; cursor: pointer; } /* skin red */ #pmwrapper.skin-red #body .tabs > .menu li a { background: #ffd464; border-color: #ffd464 #ffd464 #fff #d3b055; } /* skin blue */ #pmwrapper.skin-blue #body .tabs > .menu li a { background: #ffab6f; border-color: #ffab6f #ffab6f #fff #d48f5d; } #body .tabs > .menu li:first-child a { border-color: #ffd464 #ffd464 #fff #ffd462; } /* skin red */ /* #pmwrapper.skin-red #body .tabs > .menu li:first-child a { border-color: #ffd464 #ffd464 #fff #ffd464; } */ /* skin blue */ /* #pmwrapper.skin-blue #body .tabs > .menu li:first-child a { border-color: #ffab6f #ffab6f #fff #ffab6f; } */ #pmwrapper #body .tabs > .menu li.active a { background-color: #fff; border-color: #ccc #ccc #fff #ccc; } #body .tabs > .menu li.active + li a { border-color: #ffd462 #ffd462 #fff; } /* skin red */ #pmwrapper.skin-red #body .tabs > .menu li.active + li a { border-color: #ffd464 #ffd464 #fff; } /* skin blue */ #pmwrapper.skin-blue #body .tabs > .menu li.active + li a { border-color: #ffab6f #ffab6f #fff; } #body .tabs > .content { display: none; margin-top: -1px; padding: 30px 0 0; border-top: 1px solid #ccc; } #body .tabs > .content.active { display: block; } #body > .max-fluid > .tabs { position: relative; top: -30px; margin: 0 0 -30px; z-index: 2; } #pmwrapper #body > .max-fluid > .tabs > .menu li.active a { border-color: #fff #ccc #fff #fff; } #body > .max-fluid > .tabs > .content { margin: 0; padding: 0; border: 0 none; } #body .accordion .tabs { margin-top: 2em; } #body .accordion .tabs > .content .row:first-child > .columns > .inner { padding: 0; } /*# A Standard/4 Modules/11 Accordion #*/ #body .accordion { margin-bottom: 1em; } #body .accordion .nav-accordion .columns > .inner { padding: 32px 0 0 32px; } #body .accordion .nav-accordion .columns:first-child > .inner { padding: 32px 0 0 0; } #body .accordion .nav-accordion fieldset .left { margin-right: 32px; line-height: 40px; } #body .accordion .nav-accordion fieldset .vcenter { display: table; max-width: 95%; } #body .accordion .nav-accordion fieldset .vcenter > div { display: table-cell; height: 40px; vertical-align: middle; } #body .accordion .nav-accordion fieldset .vcenter > div .link-list { display: inline; margin: 0; } #body .accordion .nav-accordion fieldset .vcenter > div .link-list li { line-height: 1em; } #body .accordion .nav-accordion a.icon-caret-down { display: inline-block; position: relative; float: right; padding: 0 32px 0 16px; background-color: #7a1631; font-family: 'Open Sans', sans-serif;color: #fff; line-height: 40px; text-transform: uppercase; white-space: nowrap; cursor: pointer; } /* skin red */ #pmwrapper.skin-red #body .accordion .nav-accordion a.icon-caret-down { background-color: #7a1631; color: #fff; } /* skin blue */ #pmwrapper.skin-blue #body .accordion .nav-accordion a.icon-caret-down { background-color: #12732a; color: #fff; } #body .accordion .nav-accordion a.icon-caret-down span { display: none; } #body .accordion .nav-accordion a.icon-caret-down span:first-child { display: inline; } #body .accordion .nav-accordion a.icon-caret-down.open span { display: inline; } #body .accordion .nav-accordion a.icon-caret-down.open span:first-child { display: none; } #body .accordion .nav-accordion a.icon-caret-down.open:before { content: '\25b4'; } #body .accordion .nav-accordion a.icon-caret-down:before { position: absolute; right: 16px; line-height: 40px; } #body .accordion .title { display: block; position: relative; margin: 0; padding: 10px 92px 10px 16px; background-color: #f8f4ef; border-bottom: 1px solid #e2dfda; font-family: 'Open Sans', sans-serif;font-size: 1.285714em; color: #7a1631; text-transform: uppercase; line-height: 1em; cursor: pointer; } /* skin red */ #pmwrapper.skin-red #body .accordion .title { color: #7a1631; } /* skin blue */ #pmwrapper.skin-blue #body .accordion .title { color: #12732a; } #body .accordion .title.last { border: 0 none; } .no-touch #body .accordion .title:hover, #body .accordion .title.active { background-color: #7a1631; border-color: #5f2333; color: #fff; } /* skin red */ .no-touch #pmwrapper.skin-red #body .accordion .title:hover, #pmwrapper.skin-red #body .accordion .title.active { background-color: #7a1631; border-color: #5f2333; color: #fff; } /* skin blue */ .no-touch #pmwrapper.skin-blue #body .accordion .title:hover, #pmwrapper.skin-blue #body .accordion .title.active { background-color: #12732a; border-color: #0d3952; color: #fff; } #body .accordion .title:before { position: absolute; right: 16px; } #body .accordion .title.active:before { content: '\25b4'; } #body .accordion .title span { position: absolute; top: 10px; right: 2em; font-family: 'OpenSans-Light', arial, helvetica, sans-serif; } #body .accordion .content { display: none; padding: 0 16px 1em; } #body .accordion .title.active + .content { display: inherit; } #body .accordion .content .row .columns .inner { padding: 0 0 0 32px; } #body .accordion .content .row:first-child .columns .inner { padding-top: 32px; } /*# A Standard/4 Modules/12 Programmes #*/ #body .programms > .head { position: relative; } #body .programms > .head .pdf { display: inline-block; position: absolute; bottom: 0; right: 0; font-family: 'Open Sans', sans-serif;color: #222; text-transform: uppercase; cursor: pointer; } #body .programms > .head .pdf:before { margin-right: 5px; } #body .programms .row { position: relative; overflow: hidden; margin-bottom: 1.5em; border: solid #ccc; border-width: 1px 0; } #body .programms .row .columns .checker { position: absolute; top: 0; left: 0; width: 2em; height: 2em; background-color: #fff; text-align: center; } #body .programms .row .columns .checker .custom.checkbox { margin-right: 0; margin-top: 4px; } #body .programms .row .columns img { display: block; margin: 0; } #body .programms .row .large-5.columns .inner { padding-top: 32px; padding-bottom: 11px; } #body .programms .course-actions .registration { margin-bottom: -500px; padding-bottom: 500px; } #body .programms .course-actions .registration a { padding: 32px; font-size: 1.6em; } #body .programms .course-actions .registration a:before, #body .programms .course-actions .registration a:after { display: table; content: ""; line-height: 0; } #body .programms .course-actions .registration a:after { clear: both; } #body .programms .course-actions .registration a span.icon-arrow-right { display: block; position: static; float: right; margin: 0.5em -32px 0 95px; } #body .programms .course-actions .registration a span.icon-arrow-right:before { position: static; } /*# A Standard/4 Modules/13 Detail Dropdown #*/ #body .detail-dropdown { margin-bottom: 1em; } #body .detail-dropdown > a { display: inline-block; position: relative; margin-bottom: 1em; padding: 0.3em 1.2em 0.3em 0; font-family: 'Open Sans', sans-serif;cursor: pointer; } #body .detail-dropdown > a:before { position: absolute; right: 0; } #body .detail-dropdown.open > a:before { content: '\25b4'; } #body .detail-dropdown > .content { display: none; } #body .detail-dropdown.open > .content { display: block; } /*# A Standard/4 Modules/14 Course Actions #*/ #body .course-actions a { display: inline-block; text-decoration: none; cursor: pointer; } #body .course-actions .registration { background-color: #ffd462; } /* skin red */ #pmwrapper.skin-red #body .course-actions .registration { background-color: #ffd464; } /* skin blue */ #pmwrapper.skin-blue #body .course-actions .registration { background-color: #fff} #body .course-actions .registration a { display: block; position: relative; margin: 0; font-family: 'Fira Sans Extra Condensed', sans-serif;color: #222; } #body .course-actions .registration a span.text { display: block; margin: 0.5em 0 0; font-family: 'OpenSans-Light', arial, helvetica, sans-serif; font-size: 12px; line-height: 1em; text-transform: none; } #body .course-actions .registration a span.icon-arrow-right { display: block; position: absolute; top: 50%; right: 0; float: right; width: 2em; height: 2em; } #body .course-actions .registration a span.icon-arrow-right:before { display: block; position: absolute; top: -50%; width: 2em; height: 2em; background-color: #222; font-size: 1em; color: #ffd462; line-height: 2em; } /* skin red */ #pmwrapper.skin-red #body .course-actions .registration a span.icon-arrow-right:before { color: #ffd464; } /* skin blue */ #pmwrapper.skin-blue #body .course-actions .registration a span.icon-arrow-right:before { color: #ffab6f; } #body .course-actions .links { margin-bottom: -500px; padding: 16px 16px 500px; background-color: #f8f4ef; } #body .course-actions .links ul { margin: 0; } #body .course-actions .links ul li { line-height: 1em; white-space: nowrap; } #pmwrapper #body .course-actions .links ul li a { padding-bottom: 1em; color: #222; } .no-touch #body .course-actions .links ul li a:hover { color: #7a1631; } /* skin red */ .no-touch #pmwrapper.skin-red #body .course-actions .links ul li a:hover { color: #7a1631; } /* skin blue */ .no-touch #pmwrapper.skin-blue #body .course-actions .links ul li a:hover { color: #12732a; } #body .course-actions .memorize { margin-bottom: -500px; padding: 16px 16px 500px; background-color: #6d8faa; color: #fff; text-align: center; } #body .course-actions .memorize > div { display: block; } #body .course-actions .memorize > div:first-child { display: none; } #body .course-actions .memorize.active > div { display: none; } #body .course-actions .memorize.active > div:first-child { display: block; } #body .course-actions .memorize > div.icon-star { font-family: 'Open Sans', sans-serif;text-transform: uppercase; } #body .course-actions .memorize > div.icon-star:before { display: block; margin-bottom: 0.333333em; width: auto; font-size: 32px; } #body .course-actions .memorize > div a { display: block; font-family: 'Open Sans', sans-serif;color: #fff; text-transform: uppercase; } #body .course-actions .memorize > div a:before { display: block; margin-bottom: 0.25em; width: auto; font-size: 32px; } #body .course-actions .memorize > div a span { display: block; margin-top: 0.5em; font-family: 'OpenSans-Light', arial, helvetica, sans-serif; text-transform: none; } #body .course-actions .pdf { background-color: #f8f4ef; } #body .course-actions .pdf a { display: block; padding: 0 32px; height: 50px; font-family: 'Open Sans', sans-serif;color: #222; text-decoration: none; line-height: 50px; } #body .course-actions .pdf a:before { margin-right: 5px; } #body .course-actions .delete { float: right; background-color: #6d8faa; } #body .course-actions .delete a { width: 50px; height: 50px; font-size: 1.2em; color: #fff; text-align: center; line-height: 50px; } /*# A Standard/4 Modules/15 Contact #*/ #body .inner > * > .contact { margin: -32px -32px 0; padding: 32px 32px 0; border-top: 1px solid #e8e8e8; } /*# A Standard/4 Modules/16 Buttons #*/ #body .button { background-color: #f8f4ef; font-size: 1em; line-height: 1em; text-transform: uppercase; } #body .button.tiny { font-size: 0.5714285em; } #body .button.small { font-size: 0.857142em; } #body .button.large { font-size: 1.285714em; } #body .button.icon-arrow-left:before { margin-right: 5px; float: left; font-size: 1em; line-height: 1em; } #body .button.icon-arrow-right:before { margin-left: 5px; float: right; font-size: 1em; line-height: 1em; } #pmwrapper .inputprefix .button { float: right; min-width: 40px; height: 40px; background-color: #7a1631; font-size: 1em; line-height: 40px; text-align: center; } /* skin red */ #pmwrapper.skin-red .inputprefix .button { background-color: #7a1631; } /* skin blue */ #pmwrapper.skin-blue .inputprefix .button { background-color: #12732a; } #pmwrapper .inputprefix .button.icon-arrow-left:before, #pmwrapper .inputprefix .button.icon-arrow-right:before { position: absolute; top: 0; right: 0; width: 40px; height: 40px; font-size: 1em; color: #fff; line-height: 40px; text-align: center; } /*# A Standard/4 Modules/17 Tooltip #*/ body > span.tooltip { margin: -10px 0 0 5px; max-width: 250px; font-family: 'Open Sans', sans-serif;text-transform: uppercase; } body > span.tooltip.tip-top > .nub { top: auto; bottom: -10px; left: 0; border-color: #222 transparent transparent #222; } /*# A Standard/4 Modules/18 Pagination #*/ #body .pagination { margin-left: 0; height: auto; font-family: 'Open Sans', sans-serif;text-transform: uppercase; } #body .pagination:before, #body .pagination:after { display: table; content: ""; line-height: 0; } #body .pagination:after { clear: both; } #body .pagination li a { text-decoration: none; } .no-touch #body .pagination li a:hover { color: #222; } #body .pagination li.arrow a { color: #222; } #body .pagination li a.icon-arrow-left { padding-left: 0; } #body .pagination li a.icon-arrow-right { padding-right: 0; } #body .pagination li a.icon-arrow-left:before { float: left; margin-right: 5px; line-height: 22px; } #body .pagination li a.icon-arrow-right:before { float: right; margin-left: 5px; line-height: 22px; } /*# A Standard/4 Modules/19 Panel #*/ /*# A Standard/4 Modules/20 Modal #*/ #pmwrapper .reveal-modal { margin-left: -450px; width: 900px; } body .reveal-modal-bg { background: url(/_assets/_gfx/bg_livesearch.png) repeat left top transparent; } /*# A Standard/4 Modules/21 Alert Box #*/ #pmwrapper .alert-box { display: none; position: fixed; width: 100%; background: none; border: none; top: 0; padding: 0; z-index: 5; margin-top: 77px; /* margin-top: 123px */; } #pmwrapper .alert-box aside .alert-content { padding: 16px 16px; background-color: #ffab6f; border: 1px solid #d48f5d; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.5); color: #000; } #pmwrapper .alert-box .close { width: 40px; text-align: center; font-size: 2.2em; line-height: 1; position: absolute; top: 0px; right: 16px; color: #222222; font-weight: normal; cursor: pointer; text-decoration: none; } /*# A Standard/4 Modules/Top Link #*/ #top-link { display: block; position: fixed; right: 16px; bottom: 22px; padding: 8px 10px; background: url(/_assets/_gfx/bg_white_transparent.png) repeat left top; color: #000; text-decoration: none; z-index: 1000; box-shadow: 0 0 2px 0 rgba(0,0,0,0.25); } #top-link:before { margin-right: 10px; } /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* Plugins /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* FlexSlider Necessary Styles *********************************/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; position: relative; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child { display: block; } /* FlexSlider Default Theme *********************************/ .flexslider { margin: 0; background: #fff; position: relative; -ms-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav { *height: 0; } .flex-direction-nav a { width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; } .flex-direction-nav .flex-next { background-position: 100% 0; right: -36px; } .flex-direction-nav .flex-prev { left: -36px; } .no-touch .flexslider:hover .flex-next { opacity: 0.8; right: 5px; } .no-touch .flexslider:hover .flex-prev { opacity: 0.8; left: 5px; } .no-touch .flexslider:hover .flex-next:hover, .no-touch .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: .3!important; filter:alpha(opacity=30); cursor: default; } /* Control Nav */ .flexslider > .max-fluid:first-child { z-index: 10; } .flex-control-nav { margin: 0 auto!important; width: auto; position: absolute; right: 30px; top: 20px; text-align: center; } .flex-control-nav li { margin: 0 4px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; border: 1px solid #ddd; cursor: pointer; text-indent: -9999px; -ms-border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -ms-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); -o-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); } .no-touch .flex-control-paging li a:hover { background: #ddd; background: rgba(255,255,255,0.5); } .flex-control-paging li a.flex-active { background: #000; background: rgba(255,255,255,255.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .no-touch .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } .menux { text-align:right } .menux div { display:inline-block !important} .amob {visibility: hidden !important;} .vmob {visibility: visible !important;} @media screen and (max-width: 767px) { .flex-direction-nav .flex-prev { opacity: 1; left: 0; } .flex-direction-nav .flex-next { opacity: 1; right: 0; } .flex-control-nav { right: 15px; } .xcen { text-align:center !important ; margin-top:2rem !important;} .amob {visibility: visible !important;} .vmob {visibility: hidden !important;} .menux { text-align:center !important } } /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* Mobile Styles ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media only screen and (max-width: 767px) { /*# B Mobile #*/ /*# B Mobile/1 General #*/ /*# B Mobile/1 General/0 Resets #*/ /*# B Mobile/1 General/1 Fonts #*/ /*# B Mobile/1 General/2 Body #*/ html, body { height: 100%; } body { } body.navi-open, body.search-open { overflow: hidden; height: 100%; } /*# B Mobile/1 General/3 Links #*/ /*# B Mobile/1 General/4 Headings #*/ body h2 { margin-bottom: 0.8em; font-size: 2.2em; line-height: 0.9em; } body h3 { margin-bottom: 0.8em; font-size: 2em; line-height: 1.1em; } body h4 { margin-bottom: 1.5em; font-size: 1.4em; line-height: 1.1em; } body h5 { margin-bottom: 1.2em; line-height: 1em; } body h6 { margin-bottom: 1em; line-height: 1em; } /*# B Mobile/1 General/5 Other Elements #*/ #body p { margin-bottom: 1em; } #body table { display: none; } /*# B Mobile/3 Page Structure #*/ #pmwrapper { overflow: hidden; width: 100%; } body .mobile-mover > .overlay { z-index: 10; -ms-box-shadow: 0 20px 20px 0 rgba(0,0,0,0.5); -o-box-shadow: 0 20px 20px 0 rgba(0,0,0,0.5); -webkit-box-shadow: 0 20px 20px 0 rgba(0,0,0,0.5); -moz-box-shadow: 0 20px 20px 0 rgba(0,0,0,0.5); box-shadow: 0 20px 20px 0 rgba(0,0,0,0.5); } body.navi-open .mobile-mover > .overlay { display: block; background: url(/_assets/_gfx/bg_transparent.png) repeat left top; } body.search-open .mobile-mover > .overlay { display: block; background: url(/_assets/_gfx/bg_transparent.png) repeat left top; } /*# B Mobile/3 Page Structure/1 header #*/ header { position: relative; z-index: 10; width: 100%; -ms-transition: left .2s ease 0s; -o-transition: left .2s ease 0s; -webkit-transition: left .2s ease 0s; -moz-transition: left .2s ease 0s; transition: left .2s ease 0s; } header .max-fluid { margin-bottom: 0; padding: 0; background-color: #222; z-index: 1; } header section { position: relative; float: none; } header section [class|="icon"] { display: block; float: left; font-family: 'Open Sans', sans-serif;color: #c4beb5; line-height: 46px; text-transform: uppercase; cursor: pointer; } header section [class|="icon"]:before { display: block; font-size: 2em; line-height: 46px; } header section .icon-arrow-left:before { min-width: 46px; font-size: 20px; } body.navi-open .mobile-mover header section .icon-arrow-left:before { display: none; } header section .icon-menu { border-left: 1px solid #393939; } header section .icon-menu:before { float: left; margin: 0 0.3em; } header .bandeau { display: none; } /*# B Mobile/3 Page Structure/1 header/1 Navigation #*/ header nav { -ms-touch-action: none; -webkit-touch-callout: none; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } header nav > ul { position: absolute; top: 0; width: 80%; } body.navi-open .mobile-mover { left: 80%; } #pmwrapper header nav > ul.navigation > li.active > a { background-color: #7a1631; border-color: #5F2333; color: #fff; } /* skin red */ #pmwrapper.skin-red header nav > ul.navigation > li.active > a { background-color: #7a1631; border-color: #5f2333; color: #fff; } /* skin blue */ #pmwrapper.skin-blue header nav > ul.navigation > li.active > a { background-color: #12732a; border-color: #0d3952; color: #fff; } #pmwrapper header nav > ul.navigation > li.active > a:after { border-color: #5F2333; color: #fff; } /* skin red */ #pmwrapper.skin-red header nav > ul.navigation > li.active > a:after { border-color: #5f2333; } /* skin blue */ #pmwrapper.skin-blue header nav > ul.navigation > li.active > a:after { border-color: #0d3952; } /*# B Mobile/3 Page Structure/1 header/1 Navigation/1 First Level #*/ header nav > ul.navigation { top: 46px; left: -80%; overflow-y: scroll; float: none; } body.is_touch header nav > ul.navigation { overflow: visible; height: auto; } header nav > ul.navigation > li { float: none; background-color: #363636; } header nav > ul.navigation > li > a { display: block; border-bottom: 1px solid #4a4a4a; text-align: left; } .no-touch header nav > ul.navigation > li:hover > a, header nav > ul > li.active > a { border-color: #5f2333; } /* skin red */ .no-touch #pmwrapper.skin-red header nav > ul.navigation > li:hover > a, #pmwrapper.skin-red header nav > ul > li.active > a { border-color: #5f2333; } /* skin blue */ .no-touch #pmwrapper.skin-blue header nav > ul.navigation > li:hover > a, #pmwrapper.skin-blue header nav > ul > li.active > a { border-color: #0d3952; } #pmwrapper header nav > ul.navigation > .has-dropdown > a, #pmwrapper header nav > ul.navigation > .has-addon > a { padding-right: 46px; background-color: #363636; border-bottom: 1px solid #4a4a4a; } .no-touch #pmwrapper header nav > ul.navigation > .has-dropdown:hover > a, .no-touch #pmwrapper header nav > ul.navigation > .has-addon:hover > a, #pmwrapper header nav > ul.navigation > .has-dropdown.open > a, #pmwrapper header nav > ul.navigation > .has-addon.open > a { position: relative; height: 47px; background-color: #fff; border-color: #e8e8e8; color: #000; } #pmwrapper header nav > ul.navigation > .has-dropdown > a:after, #pmwrapper header nav > ul.navigation > .has-addon > a:after { right: 10px; margin: 13px 0; padding: 0 16px; border-left: 1px solid #4a4a4a; line-height: 20px; z-index: 1; } #pmwrapper header nav > ul.navigation > .has-dropdown > a span, #pmwrapper header nav > ul.navigation > .has-addon > a span { display: block; position: absolute; top: 0; right: 0; width: 46px; height: 46px; background: url(/_assets/_gfx/bg_transparent.png) repeat left top; z-index: 2; } .no-touch #pmwrapper header nav > ul.navigation > .has-dropdown:hover > a:after, .no-touch #pmwrapper header nav > ul.navigation > .has-addon:hover > a:after, #pmwrapper header nav > ul.navigation > .has-dropdown.open > a:after, #pmwrapper header nav > ul.navigation > .has-addon.open > a:after { top: 1px; content: '\25b4'; border-color: #e8e8e8 !important; color: #222 !important; } /*# B Mobile/3 Page Structure/1 header/1 Navigation/2 Subnavi #*/ header nav > ul.navigation .subnavi { display: none; position: static; overflow: visible; visibility: visible; -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } header nav > ul.navigation > .open .subnavi { display: block; } header nav > ul.navigation .subnavi .dropdown, header nav > ul.navigation .subnavi .addon { float: none; margin-bottom: 0; padding: 0; width: 100%!important; } header nav > ul.navigation .subnavi .addon { padding-bottom: 16px; } header nav > ul.navigation .subnavi .dropdown > li > *, header nav > ul.navigation .subnavi .addon > li > * { white-space: normal; } header nav > ul.navigation .subnavi .dropdown > li > a { padding: 14px 16px; } .no-touch #pmwrapper header nav > ul.navigation .subnavi .dropdown > li:hover > a, #pmwrapper header nav > ul.navigation .subnavi .dropdown > li.active > a { background-color: #7a1631; color: #fff; } /* skin red */ .no-touch #pmwrapper.skin-red header nav > ul.navigation .subnavi .dropdown > li:hover > a, #pmwrapper.skin-red header nav > ul.navigation .subnavi .dropdown > li.active > a { background-color: #5f2333; color: #fff; } /* skin blue */ .no-touch #pmwrapper.skin-blue header nav > ul.navigation .subnavi .dropdown > li:hover > a, #pmwrapper.skin-blue header nav > ul.navigation .subnavi .dropdown > li.active > a { background-color: #0d3952; color: #fff; } header nav > ul.navigation .subnavi .addon > li { padding: 0; } header nav > ul.navigation .subnavi .addon > li > label { margin: 0.6em 0 0; padding: 16px; } header nav > ul.navigation .subnavi .addon > li:first-child > label { margin-top: 0; } header nav > ul.navigation .subnavi .addon > li > a { padding: 4px 16px; } /*# B Mobile/3 Page Structure/1 header/1 Navigation/3 Language #*/ header nav > ul.language { top: 0; left: -80%; float: none; padding-left: 10px; background-color: #222; } header nav > ul.language > li > a { padding: 0 8px 0 6px; min-height: 46px; background-color: transparent; } /*# B Mobile/3 Page Structure/1 header/1 Navigation/4 Meta #*/ body.search-open .mobile-mover { left: -80%; } header nav > ul.meta { right: -80%; float: none; } header nav > ul.meta > li:first-child { position: relative; left: -46px; } header nav > ul.meta > li:first-child > a[class^="icon-star"], header nav > ul.meta > li:first-child > a[class*="icon-star"] { position: relative; left: -100%; } body.search-open header nav > ul.meta > li:first-child > a { cursor: default; } header nav > ul.meta > li > a[class="icon-search"] { position: absolute; right: 100%; } /*# B Mobile/3 Page Structure/1 header/1 Navigation/4 Meta/1 LiveSearch #*/ header nav > ul.meta > li > .search { left: 0; right: 0; padding: 0 16px; background-color: #7a1631; } /* skin red */ #pmwrapper.skin-red header nav > ul.meta > li > .search { background-color: #7a1631; } /* skin blue */ #pmwrapper.skin-blue header nav > ul.meta > li > .search { background-color: #12732a; } header nav > ul.meta > li > .search .icon-close { top: 0; right: 100%; } header nav > ul.meta > li > .search .row { padding: 0; } header nav > ul.meta > li > .search .row .textinput { font-size: 1.2em; padding: 0; } header nav > ul.meta > li > .search .row .textinput > div { float: none; width: 100%; padding-right: 0; } header nav > ul.meta > li > .search .row .textinput > div:first-child { position: static; padding: 0; width: 100%; height: auto; line-height: 46px; } /*header nav > ul.meta > li > .search .row .textinput .icon-search { display: none; }*/ header nav > ul.meta > li > .search .row .textinput .icon-search { position: absolute; right: 0; width: auto; height: auto; padding: 12px; line-height: 1; } header nav > ul.meta > li > .search .row .textinput label { display: block; margin: 0; color: #fff; text-align: left; } header nav > ul.meta > li > .search .row .textinput input { margin-bottom: 1em!important; padding: 0.5em 0.8em!important; height: 40px!important; background: #fff; font-family: 'OpenSans-ExtraBold', arial, helvetica, sans-serif!important; color: #ccc; } header nav > ul.meta > li > .search .row .textinput input:first-child { position: absolute; top: 0; left: 0; color: #222; } header nav > ul.meta > li > .search .row .where_to_search { font-family: 'OpenSans-Light', arial, helvetica, sans-serif; color: #fff; } header nav > ul.meta > li > .search .row .where_to_search p { margin-bottom: 0.6em; } header nav > ul.meta > li > .search .row .where_to_search input { margin-right: 0.4em; } header nav > ul.meta > li > .search .row .where_to_search label { margin: 0; font-family: 'Open Sans', sans-serif;color: #fff; text-transform: uppercase; } header nav > ul.meta > li > .search .results { position: absolute; top: 87px; left: 16px; right: 16px; padding: 0; background-color: #fff; } header nav > ul.meta > li > .search .results .left { display: none; } header nav > ul.meta > li > .search .results .right { float: none; padding: 16px; width: 100%; } header nav > ul.meta > li > .search .results .right ul li a { color: #222; } header nav > ul.meta > li > .search .results .right ul li a:before { display: none; } /*# B Mobile/3 Page Structure/1 Header/1 Navigation/5 Breadcrump #*/ header nav > ul.breadcrumps { display: none; } /*# B Mobile/3 Page Structure/2 Footer #*/ footer { padding: 0; } footer .inner h5 { margin: 0; } footer h5 > a { display: block; padding: 16px 0; border-bottom: 1px dotted #8a8681; } footer ul { display: none; } footer .row > .columns > .inner { margin: 0; padding: 0; border: 0 none; } footer .vcard h5 { padding: 16px 0; } footer .vcard > a { margin-bottom: 1.5em; max-width: 60%; } footer .contact { display: block; position: static; margin-bottom: 1.5em; } footer .contact > li { margin: 0 0.6em 0 0; } /*# B Mobile/3 Page Structure/3 Body #*/ #body { margin: 0; padding: 16px 0 0; background-color: #f2eadf; } /*# B Mobile/4 Modules #*/ /*# B Mobile/4 Modules/1 Helper Styles #*/ #pmwrapper .visible-desktop { display: none!important; } #pmwrapper .visible-mobile { display: block!important; } #pmwrapper .hidden-mobile { display: none!important; } /*# B Mobile/4 Modules/2 Colors #*/ /*# B Mobile/4 Modules/3 Icons #*/ /*# B Mobile/4 Modules/4 Forms #*/ /*# B Mobile/4 Modules/4 Forms/1 InSite-Search #*/ /*# B Mobile/4 Modules/5 Contentblock #*/ #body .contentarea { overflow: visible; background-color: transparent; } #body .contentarea > .columns.left, #body .contentarea > .columns.right { float: none; } #body .contentarea > .columns > .inner { margin: 0 0 16px; padding: 16px; } #body .contentarea > .columns > .inner { border: 0 none; } #body .contentarea > .columns > .inner > article { margin-bottom: -1em; } #body .contentarea > .columns > .inner > aside { margin-bottom: -1em; } #body .contentarea > .columns > .inner .columns > .inner { padding-left: 0; } #body .top-link { margin-bottom: 16px; padding-bottom: 0; background-color: #f2eadf; } #body .top-link a { margin: 0; font-size: 11px; padding: 0 0 0 1.5em; } .no-touch #body .top-link a:hover {} #body .top-link a:before {} /*# B Mobile/4 Modules/6 Fullscreenbanner #*/ #body .fullscreen-banner:first-child { margin-top: -16px; } #body .fullscreen-banner .overlay { padding: 16px 0; } #body .fullscreen-banner .overlay .max-fluid { height: auto; } #body .fullscreen-banner .overlay .max-fluid.row .columns { display: block; height: auto; } #body .fullscreen-banner .overlay .max-fluid.row .columns .vcenter { display: block; height: auto; vertical-align: baseline; } #body .fullscreen-banner .overlay .max-fluid.row .columns .vcenter .logo { max-width: 30%; } #body .fullscreen-banner .overlay .max-fluid.row .columns .vcenter .logo img { width: auto; max-width: 100%; } #body .fullscreen-banner .overlay .max-fluid.row .columns .vcenter h2 { font-size: 2em; } /*# B Mobile/4 Modules/7 Banner #*/ /*# B Mobile/4 Modules/8 Navi-Dropdown #*/ #body .nav-dropdown { position: relative; margin: -16px; } #body .nav-dropdown a { display: block; } #body .nav-dropdown > a { padding: 16px 32px 16px 16px; font-size: 1.2em; } #body .nav-dropdown > a:before { position: absolute; right: 16px; } #body .nav-dropdown.open > a:before { content: "\25b4"; } #body .nav-dropdown > ul { display: none; } #body .nav-dropdown.open > ul { display: block; } #body .nav-dropdown > ul li { margin-bottom: 0; } #body .nav-dropdown > ul li a { padding: 10px 16px; border-top: 1px solid #e8e8e8; } #body .nav-dropdown > ul li:first-child a { border-top: 0 none; } #body .nav-dropdown > ul li:last-child a { padding-bottom: 11px; } .no-touch #body .nav-dropdown > ul li > a:hover, #body .nav-dropdown > ul li.active > a { background-color: #7a1631; border-color: #5f2333; color: #fff; } /* skin red */ .no-touch #pmwrapper.skin-red #body .nav-dropdown > ul li > a:hover, #pmwrapper.skin-red #body .nav-dropdown > ul li.active > a { background-color: #7a1631; border-color: #5f2333; color: #fff; } /* skin blue */ .no-touch #pmwrapper.skin-blue #body .nav-dropdown > ul li > a:hover, #pmwrapper.skin-blue #body .nav-dropdown > ul li.active > a { background-color: #12732a; border-color: #0d3952; color: #fff; } #body .nav-dropdown > ul li ul { margin: 0; } #body .nav-dropdown > ul li ul li { margin: 0; } #body .nav-dropdown > ul li ul li a { padding-left: 2em; } /*# B Mobile/4 Modules/9 Home #*/ #body .contentarea.home { margin-top: -16px; } #body .contentarea.home > .columns > .row { overflow: visible; } #body .contentarea.home > .columns > .row:first-child { position: static; } #body .contentarea.home > .columns > .row:first-child > .columns:first-child { position: static; margin-bottom: 16px; min-height: none; } #body .contentarea.home > .columns > .row:first-child > .columns:first-child > aside > nav { padding: 16px; } #body .contentarea.home > .columns > .row:first-child > .columns:first-child > aside > nav .nav-dropdown.open { margin-bottom: 0; } #body .contentarea.home > .columns > .row:first-child > .columns:first-child > aside > nav .nav-dropdown .link-list { padding: 0 16px; } #body .contentarea.home > .columns > .row:first-child > .columns:first-child > aside > nav .nav-dropdown .link-list li { padding-top: 0; padding-bottom: 0; line-height: 1em; } #body .contentarea.home > .columns > .row:first-child > .columns:first-child > aside > nav .nav-dropdown .link-list li a { padding: 10px 0; border-top: 0 none; } .no-touch #body .contentarea.home > .columns > .row:first-child > .columns:first-child > aside > nav .nav-dropdown .link-list li a:hover { background-color: transparent; color: #222; } #body .contentarea.home > .columns > .row:first-child > .columns:first-child > aside > nav .button { margin: 0; } #body .contentarea.home .teaser { overflow: visible; position: static; margin-bottom: 16px; padding-top: 0; background-color: #fff; } #body .contentarea.home .teaser > .inner { position: static; height: auto; } #body .contentarea.home .teaser.image > .inner > img { width: 100%; max-width: none; } #body .contentarea.home .teaser.image > .inner > .button { position: relative; bottom: auto; left: auto; padding: 10px 16px 10px 56px; max-width: none; height: auto; line-height: 1em; white-space: normal; } #body .contentarea.home .teaser.image > .inner > .button:before { position: absolute; left: 0; } #body .contentarea.home .teaser.text > .inner { padding: 16px; } #body .contentarea.home .teaser.text.js-height > .inner > .content { overflow: visible; position: relative; max-height: none!important; } #body .contentarea.home .teaser.text.js-height > .inner > .content:after { position: relative; bottom: 1em; background-color: transparent; } #body .contentarea.home .teaser.text > .inner > .action { position: static; padding: 0; } #body .contentarea.home .teaser.text > .inner > .course-actions { margin: -16px; } #body .contentarea.home .teaser.text > .inner > .course-actions > .registration { margin-bottom: 0; padding-bottom: 0px; } #body .contentarea.home .teaser.text > .inner > .course-actions > .registration > a { padding-top: 16px; padding-left: 16px; } #body .contentarea.home .teaser.text > .inner > .course-actions > .registration > .addition { padding: 0 16px 16px; } #body .contentarea.home .special-teaser { overflow: visible; margin-bottom: 16px; padding: 0; } #body .contentarea.home .special-teaser > .row > .columns:first-child { padding: 16px; } #body .contentarea.home .special-teaser a { margin: 0; padding: 16px; border-top: 1px dotted #a25c6f; border-left: 0 none; text-align: left; } #body .contentarea.home .special-teaser a:before, #body .contentarea.home .special-teaser a:after { display: table; content: ""; line-height: 0; } #body .contentarea.home .special-teaser a:after { clear: both; } #body .contentarea.home .special-teaser a > span { display: table; width: 100%; } #body .contentarea.home .special-teaser a > span > span { display: table-cell!important; vertical-align: middle; } #body .contentarea.home .special-teaser a > span > span:first-child { width: 20%; } #body .contentarea.home .special-teaser a > span > span > img { margin: 0 16px 0 0; padding: 0; } #body .contentarea.home .special-teaser a > span > span.content { padding-left: 16px; width: 100%; } #body .contentarea.home .special-teaser a > span > span:before { display: block; margin-left: 16px; font-size: 1.5em; } /*# B Mobile/4 Modules/10 Tabs #*/ #body .tabs { margin-left: -16px; margin-right: -16px; } #body .tabs > .menu { background-color: #ffd462; } #body .tabs > .menu li { float: none; width: 100%; } #body .tabs > .menu li a { display: block; padding: 0 16px; width: 100%; border-color: #d3b055 #ffd462 #ffd462 #ffd462; text-align: center; } #body .tabs > .menu li.active > a { border-color: #fff #fff #fff #fff; } #body .tabs > .menu li.active + li a { border-color: #ccc #ffd462 #ffd462 #ffd462; } #body .tabs > .content { padding-top: 16px; padding-left: 16px; padding-right: 16px; border: 0 none; } #body > .max-fluid > .tabs { top: 0; margin: 0; } #body > .max-fluid > .tabs .contentarea { padding-top: 0; } #body > .max-fluid > .tabs > .menu li.active a { border-color: #fff #fff #fff #fff; } #body > .max-fluid > .tabs > .menu li.active + li a { border-color: #ccc #ffd462 #ffd462 #ffd462; } /*# B Mobile/4 Modules/11 Accordion #*/ #body .accordion { margin-left: -16px; margin-right: -16px; width: auto; } #body .accordion > .nav-accordion { padding: 0 16px; } #body .accordion .nav-accordion fieldset .left { line-height: 1em; } #body .accordion .nav-accordion fieldset .vcenter { clear: left; width: 95%; } #body .accordion .nav-accordion .link-list { display: block; } #body .accordion .nav-accordion .link-list li { line-height: 1em; } #body .accordion .nav-accordion.visible-mobile .link-list { margin: 16px 0; } #body .accordion .nav-accordion a.icon-caret-down { float: none; margin-bottom: 1em; } #body .accordion .content .row:first-child .columns .inner { padding-top: 16px; } #body .accordion .content .row:first-child .columns .inner:first-child { padding-left: 0; } #body .contentarea .inner > article > .accordion:last-child { margin-bottom: -16px; } /*# B Mobile/4 Modules/12 Programmes #*/ #body .programms > .head .pdf { position: static; margin-bottom: 1.5em; } #body .programms .row { margin-top: 2em; padding-top: 2em; border-width: 1px 0 0; } #body .programms .row:first-child { margin-top: 0; padding-top: 0; border: 0 none; } #body .programms .course-actions .registration { margin-bottom: 0; padding-bottom: 0; } #body .programms .course-actions .registration a { padding: 32px 64px 32px 32px; } #body .programms .course-actions .registration a span.icon-arrow-right { display: block; position: absolute; top: 50%; right: 0; margin: 0; width: 2em; height: 2em; } #body .programms .course-actions .registration a span.icon-arrow-right:before { display: block; position: absolute; top: -50%; width: 2em; height: 2em; background-color: #222; font-size: 1em; color: #ffd462; line-height: 2em; } /*# B Mobile/4 Modules/133 Detail Dropdown #*/ #body .detail-dropdown > .content > .accordion:last-child { margin-bottom: -16px; } /*# B Mobile/4 Modules/14 Course Actions #*/ #body .course-actions .registration { margin-bottom: 16px; } #body .course-actions .registration a { font-size: 1.5em; } #body .course-actions .links { margin-bottom: 0; padding: 16px 16px 0; } #body .course-actions .memorize { position: relative; margin-bottom: 16px; padding: 0; text-align: left; } #body .course-actions .memorize > div.icon-star { padding: 16px 16px 16px 64px; line-height: 32px; } #body .course-actions .memorize > div.icon-star:before { position: absolute; left: 16px; float: left; margin-bottom: 0; } #body .course-actions .memorize > div a { padding: 16px 16px 16px 64px; } #body .course-actions .memorize > div a:before { position: absolute; left: 16px; float: left; margin-bottom: 0; } /*# B Mobile/4 Modules/15 Contact #*/ #body .inner > * > .contact { margin: 0; padding: 0; border: 0 none; } /*# B Mobile/4 Modules/16 Buttons #*/ #body .button { font-size: 1.1em; } /*# B Mobile/4 Modules/17 Tooltip #*/ body > span.tooltip.tip-top > .nub { display: none; } /*# B Mobile/4 Modules/18 Pagination #*/ /*# B Mobile/4 Modules/19 Panel #*/ #body .panel { padding: 16px 16px 1px; } /*# B Mobile/4 Modules/20 Modal #*/ #pmwrapper .reveal-modal { margin-left: -40%; padding: 16px; width: 80%; } /*# B Mobile/4 Modules/21 Alert Box #*/ #pmwrapper .alert-box { position: absolute; margin-top: 62px; } } /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* Tablet Styles ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* @media only screen and (min-width: 768px) and (max-width: 960px) { */ @media only screen and (min-width: 768px) and (max-width: 1023px) { /*# C Tablet #*/ /*# C Tablet/1 General #*/ /*# C Tablet/1 General/0 Resets #*/ /*# C Tablet/1 General/1 Fonts #*/ /*# C Tablet/1 General/2 Body #*/ /*# C Tablet/1 General/3 Links #*/ /*# C Tablet/1 General/4 Headings #*/ /*# C Tablet/1 General/5 Other Elements #*/ /*# C Tablet/2 Helper Styles #*/ /*# C Tablet/2 Helper Styles/1 Design Helper #*/ /*# C Tablet/2 Helper Styles/2 Forms #*/ /*# C Tablet/2 Helper Styles/3 Notifications and Errors #*/ /*# C Tablet/3 Page Structure #*/ .max-fluid { padding: 0 8px; } /*# C Tablet/3 Page Structure/1 Header #*/ /*header .logo { width: 110px; }*/ header .bandeau .bandeau-faculty { margin-left: -8px; } header .bandeau .bandeau-departement { margin-right: 8px; } /*# C Tablet/3 Page Structure/1 Header/1 Navigation #*/ /*# C Tablet/3 Page Structure/1 Header/1 Navigation/1 First Level #*/ header nav > ul > li > a { padding: 0 8px; font-size: 0.8em; } header nav > ul.navigation .has-dropdown > a, header nav > ul.navigation .has-addon > a { padding-right: 20px; } header nav > ul.navigation .has-dropdown > a:after, header nav > ul.navigation .has-addon > a:after { right: 6px; } /*# C Tablet/3 Page Structure/1 Header/1 Navigation/2 Subnavi #*/ /*header nav > ul.navigation .subnavi .dropdown, header nav > ul.navigation .subnavi .addon { padding: 12px 8px 1012px; }*/ /*# C Tablet/3 Page Structure/1 Header/1 Navigation/3 Language #*/ header nav > ul.language > li > a { padding: 0 5px 0 3px; } /*# C Tablet/3 Page Structure/1 Header/1 Navigation/4 Meta #*/ header nav > ul.meta > li > a[class^="icon-star"], header nav > ul.meta > li > a[class*="icon-star"] { margin-left: 6px; } /*# C Tablet/3 Page Structure/1 Header/1 Navigation/4 Meta/1 LiveSearch #*/ /*# C Tablet/3 Page Structure/1 Header/1 Navigation/5 Breadcrump #*/ header nav > ul.breadcrumps { right: 8px; } /*# C Tablet/3 Page Structure/2 Footer #*/ /*# C Tablet/3 Page Structure/3 Body #*/ /*# C Tablet/4 Modules #*/ /*# C Tablet/4 Modules/1 Helper Styles #*/ /*# C Tablet/4 Modules/2 Colors #*/ /*# C Tablet/4 Modules/3 Icons #*/ /*# C Tablet/4 Modules/4 Forms #*/ /*# C Tablet/4 Modules/4 Forms/1 InSite-Search #*/ /*# C Tablet/4 Modules/5 Contentblock #*/ #body .top-link { font-size: 0.8em; } /*# C Tablet/4 Modules/6 Fullscreenbanner #*/ /*# C Tablet/4 Modules/7 Banner #*/ /*# C Tablet/4 Modules/8 Navi-Dropdown #*/ /*# C Tablet/4 Modules/9 Home #*/ #body .contentarea.home { margin-top: -16px; } #body .contentarea.home h2 { font-size: 1.6em; } #body .contentarea.home > .columns > .row:first-child > .columns:first-child > aside > nav .nav-dropdown .link-list li { padding-top: 3px; padding-bottom: 3px; font-size: 0.9em; } #body .contentarea.home .teaser.text.js-height > .inner > .content { margin-top: 1em; } #body .contentarea.home .teaser.text > .inner > .course-actions > .registration > a { font-size: 1.8em; } #body .contentarea.home .special-teaser a { font-size: 0.8em; } /*# C Tablet/4 Modules/10 Tabs #*/ /*# C Tablet/4 Modules/11 Accordion #*/ #body .accordion > .nav-accordion fieldset .left { line-height: 1em; } #body .accordion > .nav-accordion fieldset .vcenter { display: block; float: left; min-width: 50%; max-width: 90%; } #body .accordion > .nav-accordion fieldset .vcenter > div { display: block; } #body .accordion > .nav-accordion fieldset .vcenter > div .link-list { display: block; } /*# C Tablet/4 Modules/12 Programmes #*/ #body .programms .course-actions .registration a { padding: 16px; font-size: 1.5em; } #body .programms .course-actions .registration a span.icon-arrow-right { margin: 0.5em -16px 0 75px; } /*# C Tablet/4 Modules/13 Detail Dropdown #*/ /*# C Tablet/4 Modules/14 Course Actions #*/ #body .course-actions .registration { font-size: 0.8em; } #body .course-actions .registration a { padding-right: 64px; } #body .course-actions .links { font-size: 0.8em; } #body .course-actions .memorize { font-size: 0.85em; } #body .course-actions .memorize > div a:before { font-size: 26px; } #body .course-actions .pdf a { padding: 0 16px; } /*# C Tablet/4 Modules/15 Contact #*/ /*# C Tablet/4 Modules/16 Buttons #*/ /*# C Tablet/4 Modules/17 Tooltip #*/ /*# C Tablet/4 Modules/18 Pagination #*/ /*# C Tablet/4 Modules/19 Panel #*/ /*# C Tablet/4 Modules/20 Modal #*/ #pmwrapper .reveal-modal { margin-left: -40%; width: 80%; } } /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* Big Desktop Styles //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media only screen and (min-width: 1170px) { /*# D Big Desktop #*/ /*# D Big Desktop/1 General #*/ /*# D Big Desktop/1 General/0 Resets #*/ /*# D Big Desktop/1 General/1 Fonts #*/ /*# D Big Desktop/1 General/2 Body #*/ /*# D Big Desktop/1 General/3 Links #*/ /*# D Big Desktop/1 General/4 Headings #*/ body h2 { font-size: 4.285714em; } /*# D Big Desktop/1 General/5 Other Elements #*/ /*# D Big Desktop/2 Helper Styles #*/ /*# D Big Desktop/2 Helper Styles/1 Design Helper #*/ /*# D Big Desktop/2 Helper Styles/2 Forms #*/ /*# D Big Desktop/2 Helper Styles/3 Notifications and Errors #*/ /*# D Big Desktop/3 Page Structure #*/ /*# D Big Desktop/3 Page Structure/1 Header #*/ /*# D Big Desktop/3 Page Structure/1 Header/1 Navigation #*/ /*# D Big Desktop/3 Page Structure/1 Header/1 Navigation/1 First Level #*/ /*# D Big Desktop/3 Page Structure/1 Header/1 Navigation/2 subnavi #*/ /*# D Big Desktop/3 Page Structure/1 Header/1 Navigation/3 Language #*/ /*# D Big Desktop/3 Page Structure/1 Header/1 Navigation/4 Meta #*/ /*# D Big Desktop/3 Page Structure/1 Header/1 Navigation/4 Meta/1 LiveSearch #*/ /*# D Big Desktop/3 Page Structure/1 Header/1 Navigation/5 Breadcrump #*/ /*# D Big Desktop/3 Page Structure/2 Footer #*/ /*# D Big Desktop/3 Page Structure/3 Body #*/ /*# D Big Desktop/4 Modules #*/ /*# D Big Desktop/4 Modules/1 Helper Styles #*/ /*# D Big Desktop/4 Modules/2 Colors #*/ /*# D Big Desktop/4 Modules/3 Icons #*/ /*# D Big Desktop/4 Modules/4 Forms #*/ /*# D Big Desktop/4 Modules/4 Forms/1 InSite-Search #*/ /*# D Big Desktop/4 Modules/5 Contentblock #*/ /*# D Big Desktop/4 Modules/6 Fullscreenbanner #*/ /*# D Big Desktop/4 Modules/7 Banner #*/ /*# D Big Desktop/4 Modules/8 Navi-Dropdown #*/ /*# D Big Desktop/4 Modules/9 Home #*/ #body .contentarea.home h2 { font-size: 2.2em; } #body .contentarea.home > .columns > .row:first-child > .columns:first-child > aside > nav .nav-dropdown .link-list li { padding-top: 8px; padding-bottom: 8px; font-size: 1.15em; } #body .contentarea.home .teaser.image > .inner > .button { right: 0; font-size: 2.285714em; line-height: 64px; } #body .contentarea.home .teaser.image > .inner > .button:before { left: -64px; width: 64px; height: 64px; line-height: 64px; } /*# D Big Desktop/4 Modules/10 Tabs #*/ /*# D Big Desktop/4 Modules/11 Accordion #*/ /*# D Big Desktop/4 Modules/12 Programmes #*/ /*#body .programms .course-actions .registration a { font-size: 2.285714em; }*/ #body .programms .course-actions .registration a span.icon-arrow-right { margin: 0.5em -32px 0 125px; } /*# D Big Desktop/4 Modules/13 Detail Dropdown #*/ /*# D Big Desktop/4 Modules/14 Course Actions #*/ #body .course-actions .registration a { } #body .course-actions .links { padding: 32px 32px 500px; } #body .course-actions .memorize { padding: 32px 32px 500px; } /*# D Big Desktop/4 Modules/15 Contact #*/ /*# D Big Desktop/4 Modules/16 Buttons #*/ #body .button.large { font-size: 1.666666em; } /*# D Big Desktop/4 Modules/17 Tooltip #*/ /*# D Big Desktop/4 Modules/18 Pagination #*/ /*# D Big Desktop/4 Modules/19 Panel #*/ /*# D Big Desktop//4 Modules/20 Modal #*/ }