@font-face {
  font-display: swap;
  font-family: 'Glyphicons Regular';
  font-style: normal;
  src: url('../../fonts/glyphicons-regular.ttf') format('truetype'), url('../../fonts/glyphicons-regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/glyphicons-regular.woff2') format('woff2'), url('../../fonts/glyphicons-regular.woff') format('woff'), url('../../fonts/glyphicons-regular.svg#GlyphiconsRegular') format('svg');
}
@font-face {
  font-display: swap;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  src: url('../../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../fonts/glyphicons-halflings-regular.svg#GlyphiconsHalflings') format('svg');
}
@font-face {
  font-family: 'Asfored Font';
  font-style: normal;
  src: url('../../fonts/asfored-font.ttf') format('truetype'), url('../../fonts/asfored-font.eot?#iefix') format('embedded-opentype'), url('../../fonts/asfored-font-regular.woff2') format('woff2'), url('../../fonts/asfored-font.woff') format('woff'), url('../../fonts/asfored-font.svg#AsforedFont') format('svg');
}
@font-face {
  font-display: swap;
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/plus-jakarta-sans-regular.ttf') format('truetype'), url('../../fonts/plus-jakarta-sans-regular.woff2') format('woff2'), url('../../fonts/plus-jakarta-sans-regular.woff') format('woff');
}
@font-face {
  font-display: swap;
  font-family: 'Plus Jakarta Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../../fonts/plus-jakarta-sans-italic.ttf') format('truetype'), url('../../fonts/plus-jakarta-sans-italic.woff2') format('woff2'), url('../../fonts/plus-jakarta-sans-italic.woff') format('woff');
}
@font-face {
  font-display: swap;
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../../fonts/plus-jakarta-sans-500.ttf') format('truetype'), url('../../fonts/plus-jakarta-sans-500.woff2') format('woff2'), url('../../fonts/plus-jakarta-sans-500.woff') format('woff');
}
@font-face {
  font-display: swap;
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../../fonts/plus-jakarta-sans-600.ttf') format('truetype'), url('../../fonts/plus-jakarta-sans-600.woff2') format('woff2'), url('../../fonts/plus-jakarta-sans-600.woff') format('woff');
}
@font-face {
  font-display: swap;
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../fonts/plus-jakarta-sans-700.ttf') format('truetype'), url('../../fonts/plus-jakarta-sans-700.woff2') format('woff2'), url('../../fonts/plus-jakarta-sans-700.woff') format('woff');
}
@font-face {
  font-display: swap;
  font-family: 'Plus Jakarta Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../../fonts/plus-jakarta-sans-700italic.ttf') format('truetype'), url('../../fonts/plus-jakarta-sans-700italic.woff2') format('woff2'), url('../../fonts/plus-jakarta-sans-700italic.woff') format('woff');
}


ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } dl { margin-top: 0; margin-bottom: 20px; } dt { font-weight: 700; } dd { margin-left: 0; } html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } main { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } *, *:before, *:after { box-sizing: border-box; } html { font-family: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; -o-tab-size: 4; tab-size: 4; } hr { color: inherit; } code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 1em; } table { text-indent: 0; border-color: inherit; } ::-moz-focus-inner { border-style: none; padding: 0; } :-moz-focusring { outline: 1px dotted ButtonText; } :-moz-ui-invalid { box-shadow: none; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } ::-webkit-search-decoration { -webkit-appearance: none; } [type="file"].focus, [type="radio"].focus, [type="checkbox"].focus, [type="file"]:focus, [type="radio"]:focus, [type="checkbox"]:focus { outline: none !important; outline-offset: 0 !important; } [type="button"], [type="reset"], [type="submit"] { cursor: pointer; } input, select, textarea { background-image: none; } input[type="search"] { -webkit-appearance: none; box-sizing: border-box; } select { max-width: 100%; } select::-ms-expand { border: 0; background-color: transparent; } select[multiple], select[size] { height: auto; } textarea { width: 100%; height: auto; } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly], input.disabled, select.disabled, textarea.disabled, input.readonly, select.readonly, textarea.readonly { cursor: not-allowed; opacity: 1; background-color: #F7F7F7 !important; } input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #FFF inset !important; -webkit-text-fill-color: #222222 !important; background-color: #FFF !important; color: #222222 !important; } input:-webkit-autofill:hover, textarea:-webkit-autofill:hover, select:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill:focus, select:-webkit-autofill:focus, input:-webkit-autofill:active, textarea:-webkit-autofill:active, select:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px #FFF inset !important; -webkit-text-fill-color: #222222 !important; background-color: #FFF !important; color: #222222 !important; } @-webkit-keyframes tooltip-anim { 0% { opacity: 0; -webkit-transform: matrix(0.5, 0, 0, 0.8, 0, 0); transform: matrix(0.5, 0, 0, 0.8, 0, 0); } 20% { -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); } 40% { opacity: 1; } 70% { -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); } 100% { -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); } } @keyframes tooltip-anim { 0% { opacity: 0; -webkit-transform: matrix(0.5, 0, 0, 0.8, 0, 0); transform: matrix(0.5, 0, 0, 0.8, 0, 0); } 20% { -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); } 40% { opacity: 1; } 70% { -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); } 100% { -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); } } @-webkit-keyframes showModelizerLayer { 0% { -webkit-transform: scale(.8) translateY(-800px); transform: scale(.8) translateY(-800px); opacity: 0; } 100% { -webkit-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); opacity: 1; display: block; } } @keyframes showModelizerLayer { 0% { -webkit-transform: scale(.8) translateY(-800px); transform: scale(.8) translateY(-800px); opacity: 0; } 100% { -webkit-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); opacity: 1; display: block; } } @-webkit-keyframes showAgainModelizerLayer { 0% { -webkit-transform: scale(.8) translateY(-800px); transform: scale(.8) translateY(-800px); opacity: 0; } 100% { -webkit-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); opacity: 1; display: block; } } @keyframes showAgainModelizerLayer { 0% { -webkit-transform: scale(.8) translateY(-800px); transform: scale(.8) translateY(-800px); opacity: 0; } 100% { -webkit-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); opacity: 1; display: block; } } @-webkit-keyframes hideModelizerLayer { 0% { -webkit-transform: scale(1); transform: scale(1); } 99.9% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0); transform: scale(0); display: none !important; } } @keyframes hideModelizerLayer { 0% { -webkit-transform: scale(1); transform: scale(1); } 99.9% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0); transform: scale(0); display: none !important; } } .glyphicons { display: inline-block; font-family: 'Glyphicons Regular'; font-style: normal !important; font-weight: normal !important; line-height: 1 !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: top; position: relative; top: 1px; } .glyphicons:before { display: inline-block; } .glyphicons:before { padding: 6px 8px; } .halflings { display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal !important; font-weight: normal !important; line-height: 1 !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; top: 1px; } .halflings:before { display: inline-block; } .ico:before { font-family: "Asfored Font" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; position: relative; } .ico.ico-star:before { content: "\e002"; } .ico.ico-star-empty:before { content: "\e006"; } .ico.ico-heart:before { content: "\e007"; } .ico.ico-heart-empty:before { content: "\e008"; } .ico.ico-hourglass-half:before { content: "\e009"; } .ico.ico-euro:before { content: "\e00c"; } .ico.ico-date:before { content: "\e010"; } .ico.ico-notif:before { content: "\e012"; } .ico.ico-download:before { content: "\e013"; } .ico.ico-pin:before { content: "\e014"; } .ico.ico-puce:before { content: "\e016"; } .ico.ico-search:before { content: "\e017"; } .ico.ico-tag:before { content: "\e018"; } .ico.ico-chevron-left:before { content: "\e003"; } .ico.ico-chevron-right:before { content: "\e004"; } .ico.ico-minus:before { content: "\e005"; } .ico.ico-plus:before { content: "\e00d"; } .ico.ico-home:before { content: "\e001"; } .ico.ico-user:before { content: "\e00b"; } .ico.ico-check:before { content: "\e000"; } .ico.ico-pencil-square-o:before { content: "\e00a"; } .ico.ico-times:before { content: "\e00e"; } .ico.ico-trash:before { content: "\e00f"; } .ico.ico-eye:before { content: "\e011"; } .ico.ico-eye-slash:before { content: "\e015"; } .ico.ico-print:before { content: "\e019"; } .ico.ico-cloud-download:before { content: "\e01a"; } .ico.ico-caret-left:before { content: "\e01b"; } .ico.ico-caret-right:before { content: "\e01c"; } .ico.ico-caret-down:before { content: "\e01d"; } .ico.ico-caret-up:before { content: "\e01e"; } .ico.ico-play:before { content: "\e01f"; } .ico.ico-certifiant:before { content: "\e020"; } .ico.ico-squares:before { content: "\e021"; } .ico.ico-favorite:before { content: "\e022"; } .ico.ico-vision:before { content: "\e023"; } .ico.ico-asfored:before { content: "\e024"; } .ico.ico-presentation:before { content: "\e025"; } .ico.ico-alternance:before { content: "\e026"; } .ico.ico-recruter:before { content: "\e027"; } .ico.ico-tuteur:before { content: "\e028"; } .ico.ico-phone:before { content: "\e029"; } .ico.ico-envelope:before { content: "\e02c"; } .ico.ico-send:before { content: "\e02a"; } .ico.ico-chevron-down:before { content: "\e02b"; } .ico.ico-chevron-up:before { content: "\e02d"; } .ico.ico-adjust:before { content: "\e02e"; } .list-bullet, .list-square { padding-left: 20px; margin-left: 12px; } .list-square { list-style-type: square; } .list-unstyled { padding-left: 0; list-style: none; } .list-unstyled li { padding-bottom: 4px; } .list-unstyled ul { margin-top: 4px; margin-bottom: 4px; padding-left: 20px; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline li { padding-bottom: 4px; } .list-inline ul { margin-top: 4px; margin-bottom: 4px; padding-left: 20px; list-style: none; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } .list-numbered { padding-left: 1em; display: flex; flex-direction: column; } .list-numbered > li { padding-left: .5em; } .list-dashed { padding-left: 1em; list-style: none; } .list-dashed > li:before { width: 1em; display: inline-block; margin-left: -1em; content: "-"; } .dl-horizontal dd { display: flow-root; } html { position: relative; min-height: 100vh; font-size: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-size: .9em; line-height: 1.388888; overflow-x: hidden; } hr { margin-top: 18px; margin-bottom: 18px; border-width: 1px 0 0 0; border-color: #eeeeee; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; max-width: 100vw; } .clearfix { display: flow-root; } .clearfloat:before { content: " "; display: table; height: 0; visibility: hidden; clear: both; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hidden { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } p + ul:not([class='']) { margin-top: 4px; } p.smaller { font-size: .9em; } .fade { opacity: 0; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } a[class$='-link.nopadding'], button[class$='-link.nopadding'], .btn[class$='-link.nopadding'] { padding-left: 0; padding-right: 0; } figure { margin: 0; } figure figcaption { max-width: 500px; margin: 0 auto; -webkit-user-select: none; user-select: none; } figure.inline > a { display: block; } figure:not(.inline):not(.pull-right):not(.pull-left) + p { margin-top: 20px; } p + figure:not(.pull-left):not(.pull-right) { margin-top: 20px; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .bg-primary { color: #fff; background-color: #337ab7; } a.bg-primary:hover, a.bg-primary:focus { background-color: #285f8f; } .bg-success { background-color: #5cb85c; } a.bg-success:hover, a.bg-success:focus { background-color: #449d44; } .bg-info { background-color: #5bc0de; } a.bg-info:hover, a.bg-info:focus { background-color: #31b0d5; } .bg-warning { background-color: #f0ad4e; } a.bg-warning:hover, a.bg-warning:focus { background-color: #ec971f; } .bg-danger { background-color: #d9534f; } a.bg-danger:hover, a.bg-danger:focus { background-color: #c9302c; } .text-primary { color: #337ab7; } a.text-primary:hover, a.text-primary:focus { color: #285f8f; } .text-success { color: #5cb85c; } a.text-success:hover, a.text-success:focus { color: #449d44; } .text-info { color: #5bc0de; } a.text-info:hover, a.text-info:focus { color: #31b0d5; } .text-warning { color: #f0ad4e; } a.text-warning:hover, a.text-warning:focus { color: #ec971f; } .text-danger { color: #d9534f; } a.text-danger:hover, a.text-danger:focus { color: #c9302c; } a[href^="mailto:"], a[href^="tel:"] { white-space: nowrap; } a.focus, button.focus, a:focus, button:focus { outline: none !important; outline-offset: 0 !important; } a, button, [role="button"] { cursor: pointer; } a, button { background-image: none; } address { margin-bottom: 20px; font-style: normal; } a { text-decoration: none; } a:hover, a:focus { text-decoration: none; } blockquote { padding: 10px 20px; font-style: italic; border-left: 5px solid #eeeeee; font-size: 1.2em; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer { display: block; font-size: 90%; line-height: 1; margin-top: 14px; color: #777777; } blockquote footer:before { content: '\2014 \00A0'; } button { font-family: inherit; font-size: inherit; line-height: inherit; } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 1.3em; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #eeeeee; } iframe { max-width: 100%; } figure { margin: 0; } figure img { display: block; margin-right: auto; margin-left: auto; } figure figcaption { display: block; opacity: .8; font-style: italic; text-align: center; } img, video, audio, embed, object { max-width: 100%; } video, embed, object { height: auto !important; } img { vertical-align: middle; -ms-interpolation-mode: bicubic; } p { margin: 0 0 10px 0; } big { font-size: 115%; } mark { background-color: #f0ad4e; padding: .2em; } abbr[title] { cursor: help; border-bottom: 1px dotted #777777; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 75%; font-weight: normal; line-height: 1; } .closer { font-family: Helvetica, sans-serif !important; margin-left: 15px; font-size: 40px; line-height: 42px; text-shadow: 0 1px 0 #FFF; color: inherit; cursor: pointer; opacity: 1; } button.closer { padding: 0; background: transparent; border: 0; -webkit-appearance: none; } .closer:hover, .closer:focus { text-decoration: none; opacity: .8; } .btn-default { background-color: #EFEFEF; border-color: #e5e5e5; color: #222; text-shadow: 0 1px 0 rgba(34, 34, 34, 0.2); } .btn-default:hover, .btn-default:focus { background-color: #f7f7f7; border-color: #EFEFEF; color: #222; } .btn-success { background-color: #5cb85c !important; border-color: #4eb24e !important; color: #FFF !important; } .btn-success:hover, .btn-success:focus { background-color: #67bd67 !important; border-color: #5cb85c !important; color: #FFF !important; } .btn-info { background-color: #5bc0de !important; border-color: #4ab9db !important; color: #FFF !important; } .btn-info:hover, .btn-info:focus { background-color: #68c5e1 !important; border-color: #5bc0de !important; color: #FFF !important; } .btn-warning { background-color: #f0ad4e !important; border-color: #eea43b !important; color: #FFF !important; } .btn-warning:hover, .btn-warning:focus { background-color: #f1b45c !important; border-color: #f0ad4e !important; color: #FFF !important; } .btn-danger { background-color: #d9534f !important; border-color: #d5433e !important; color: #FFF !important; } .btn-danger:hover, .btn-danger:focus { background-color: #dc5f5c !important; border-color: #d9534f !important; color: #FFF !important; } .app-messages { position: fixed; top: 0; left: 0; right: 0; z-index: 2147483; justify-content: center; flex-direction: column; } .app-messages.backgrounded { background-color: rgba(0, 0, 0, 0.4); height: 100vh; margin: 0; padding-top: 20px; top: 0 !important; } .app-messages:empty { display: none; } .alert { display: flex; flex-wrap: wrap; align-items: center; max-width: 600px; color: #FFF; border: none; margin: 0 auto; font-size: 1.1em; padding-left: 15px; padding-right: 15px; -webkit-user-select: none; user-select: none; } .alert a { font-weight: 700; color: inherit !important; } .alert p:last-child, .alert ul:last-child { margin-bottom: 0; } .alert > div { flex-grow: 1; } .alert.alert-success { background-color: #5cb85c; } .alert.alert-info { background-color: #5bc0de; } .alert.alert-warning { background-color: #f0ad4e; } .alert.alert-danger { background-color: #d9534f; } .alert + .alert { margin-top: 6px; } .alert.alert-dismissible { position: relative; } .alert.alert-dismissible > div { max-width: 90%; } .alert .closer { font-size: 30px; line-height: 30px; text-shadow: none; } #confirmModal .confirm-message { margin-bottom: 30px; } #confirmModal .confirm-message > p { font-size: 1.2em; } #confirmModal .confirm-buttons { display: flex; } #confirmModal .confirm-buttons .btn.confirm-button { flex: 50%; } .tooltip { max-width: 170px; position: absolute; opacity: 0; border-radius: 4px; background-color: #222; font-family: "Plus Jakarta Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1; color: #FFF; text-align: center; transition: opacity .8s; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 4px rgba(255,255,255,.7); -webkit-animation: tooltip-anim .7s; animation: tooltip-anim .7s; z-index: 234567891; } .tooltip:empty { display: none !important; opacity: 0 !important; } .tooltip .tip-header { padding: 2px 4px; border-bottom: 1px solid #FFF; } .tooltip .tip-content { padding: 8px 10px; } .tooltip.arrow::after { position: absolute; display: block; content: ""; border: 0 solid transparent; box-shadow: 0 0 4px rgba(255,255,255,.7); } .tooltip.arrow.left::after, .tooltip.arrow.right::after { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .tooltip.arrow.top::after, .tooltip.arrow.bottom::after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tooltip.arrow.left::after { right: -8px; border-width: 6px 0 6px 8px; border-left-color: #222; } .tooltip.arrow.right::after { left: -8px; border-width: 6px 8px 6px 0; border-right-color: #222; } .tooltip.arrow.bottom::after { top: -8px; border-width: 0 6px 8px 6px; border-top-color: #222; } .tooltip.arrow.top::after { bottom: -8px; border-width: 8px 6px 0 6px; border-bottom-color: #222; } body.modalizer-open { overflow: hidden; } .modalizer-backdrop { align-items: center; justify-content: center; width: 100vw; height: 100vh; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10000; background: rgba(0, 0, 0, 0.6); opacity: 0; visibility: hidden; transition: opacity 0.3s ease-in-out; } body.modalizer-open .modalizer-backdrop { opacity: 1; visibility: visible; } .modalizer { overflow: hidden; position: fixed; width: 0; top: 0; right: 0; bottom: 0; left: 0; z-index: 10001; outline: 0; visibility: hidden; opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); transition: width 0.8s; } .modalizer.in { visibility: visible; opacity: 1; width: auto; transition: opacity 0.5s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } body.modalizer-open .modalizer.in { overflow-y: auto; } .modalizer .closer { width: 40px; height: 40px; position: absolute; right: 17px; top: 6px; z-index: 10010; color: #007a87; font-size: 40px; background: #FFF; border-radius: 50%; } .modalizer .closer:hover span, .modalizer .closer:focus span { opacity: .8; } .modalizer .layer { position: relative; width: 0; max-width: 1200px; margin-left: auto; margin-right: auto; background: #FFF; border: 1px solid #eeeeee; color: #222; opacity: 0; transition: all 0.7s; -webkit-overflow-scrolling: touch; } .modalizer .layer.in { -webkit-animation: showModelizerLayer .6s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards; animation: showModelizerLayer .6s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards; } .modalizer .layer.back-in { -webkit-animation: showAgainModelizerLayer .7s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards; animation: showAgainModelizerLayer .7s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards; } .modalizer .layer.out { -webkit-animation: hideModelizerLayer .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards; animation: hideModelizerLayer .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards; display: none; } .modalizer header { padding: 14px 20px; border-bottom: 1px solid #eeeeee; -webkit-user-select: none; user-select: none; } .modalizer header p { display: block; margin: 0; color: #222222; font-weight: 700; font-size: 1.3em; line-height: 1.5em; } .modalizer section { position: relative; padding: 20px; } .modalizer section > h1:first-child { margin-top: 0; } .modalizer footer { padding: 14px 20px; border-top: 1px solid #eeeeee; text-align: right; -webkit-user-select: none; user-select: none; } .modalizer footer .btn + .btn { margin-left: 10px; } .modalizer .layer-sm .closer { width: 30px; height: 30px; top: 7px; right: 10px; } .modalizer .layer-sm section { padding: 16px 20px !important; } body.modalizer-open > .tooltip { z-index: 10900; } body.modalizer-open .app-messages { z-index: 10899; } body.modalizer-open .redactor-dropdown { z-index: 10899; } #browser { width: 100vw; min-height: calc(100vh - 20px); overflow: auto; display: none; padding: 10px; background-color: rgba(0, 0, 0, 0.8); color: #222; position: fixed; top: 0; left: 0; right: 0; bottom: 0; font-size: 1.2em !important; z-index: 2247483645; -webkit-user-select: none; user-select: none; } #browser > div { background-color: #FFF; padding: 20px; min-height: calc(100vh - 80px); } #browser > div > div { max-width: 700px; margin-left: auto; margin-right: auto; } #browser .browsercheck-logo { width: 100%; max-width: 500px; height: 200px; background-repeat: no-repeat; background-size: contain; background-position: center center; background-image: url('../images/system/browsercheck.png'); margin-bottom: 20px; margin-left: auto; margin-right: auto; } #browser h3 { margin-bottom: 0; font-size: 1.1em; } #browser p + ul { margin-top: 12px; } #browser p.browser-error { background-color: #991415; color: #FFF; padding: 4px 10px; line-height: 1; } #browser noscript p { text-align: center; line-height: 2; font-size: 30px; } body.incompatible-browser { overflow: hidden; } body.incompatible-browser #browser { display: block; } body.incompatible-browser noscript .app-messages { display: none; } h1 { font-size: 1.5em; } h2 { font-size: 1.3em; } h3 { font-size: 1.2em; } h4 { font-size: 1.1em; } h5 { font-size: 1em; } h6 { font-size: .9em; } p.timestamp { margin-top: 0 !important; font-style: italic !important; } .error-box { margin: 0 auto; text-align: center; } .error-box img { display: block; margin: 20px auto; } .error-box p { text-align: center !important; } .error-box p:first-of-type { color: #d9534f; font-size: 1.2em; font-weight: 700; margin-bottom: 20px; } .page-contents > div > h1:first-child, .page-contents > div > h2:first-child, .page-contents > div > h3:first-child, .page-contents > div > h4:first-child, .page-contents > div > h5:first-child, .page-contents > div > h6:first-child { margin-top: 0; } .center-notification { text-align: center; } .center-notification p { font-size: 1.3em; font-weight: 700; font-variant: small-caps; margin: 5px; text-align: center !important; } .search-filters { display: flex; justify-content: space-between; flex-wrap: wrap; } .search-filters .filter > a { width: 100%; background: #888; margin-bottom: 0; text-transform: uppercase; color: #FFF !important; display: block; position: relative; -webkit-user-select: none; user-select: none; } .search-filters .filter > a > span { position: absolute; } .search-filters .filter > div { padding: 8px; border-style: solid; border-color: #888; border-width: 0 1px 1px 1px; background: #FFF; max-height: 160px; overflow-x: hidden; overflow-y: auto; display: none; } .search-filters .filter > div .form-field > label { display: none; } .search-filters .filter > div .form-field .field { width: 100%; } .search-filters .filter > div .field-group input, .search-filters .filter > div .field-group select { width: 100%; max-width: initial; } .search-filters .filter > div .field-group .btn span.glyphicons { top: 0; } .search-filters .filter > div .field-group .btn span.glyphicons:before { padding: 3px 0 0 0; } .search-results .result { position: relative; display: block; } .search-results .result > div { position: relative; } .search-results.pad .result { padding: 8px 2px; } .pager { margin-top: 30px; margin-bottom: 30px; } .bandeau-infos { text-align: center; -webkit-user-select: none; user-select: none; } .bandeau-infos:empty { display: none; } .bandeau-infos p, .bandeau-infos a { color: #FFF !important; } .bandeau-infos p { text-align: center; } .bandeau-infos a { font-weight: 700; } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); touch-action: manipulation; -webkit-user-select: none; user-select: none; } .btn:active, .btn.active { outline: 0; } .btn.disabled { cursor: not-allowed; opacity: .8; } a.btn.disabled { opacity: .7; } .btn.btn-lg { padding: 10px 16px; font-size: 1.2em; } .btn.btn-sm { padding: 5px 10px; font-size: .85em; } .btn.btn-xs { padding: 1px 5px; font-size: .8em; } .flag-icon { width: 40px; height: 25px; display: inline-block; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; color: transparent; } .flag-icon:before { content: '\00a0'; } .flag-icon.small { width: 20px; height: 14px; border: none; } .flag-icon.f-fr, .flag-icon[data-lang='fr'] { background-image: url(../images/flags/fr.png); } .flag-icon.f-en, .flag-icon[data-lang='en'] { background-image: url(../images/flags/en.png); } .flag-icon.f-it, .flag-icon[data-lang='it'] { background-image: url(../images/flags/it.png); } .flag-icon.f-es, .flag-icon[data-lang='es'] { background-image: url(../images/flags/es.png); } .flag-icon.f-de, .flag-icon[data-lang='de'] { background-image: url(../images/flags/de.png); } #cooky { width: 100%; height: 100vh; max-height: 100%; display: none; background: rgba(0, 0, 0, 0.7); position: fixed; top: 0; left: 0; right: 0; color: #FFF; font-size: 1.2em; line-height: 1.3em; text-align: center; z-index: 234567891; flex-direction: column; flex-wrap: wrap; -webkit-user-select: none; user-select: none; } #cooky.center { justify-content: center; } #cooky.bottom { justify-content: flex-end; } #cooky > div { position: relative; background-color: #656565; padding: 20px; } #cooky p { max-width: 700px; margin: 0 auto; color: #FFF; margin-bottom: 20px; } #cooky .btn { margin: 24px 5px 5px 5px; border-radius: 4px; text-shadow: initial; } #cooky .btn:hover, #cooky .btn:focus { opacity: .8; } #cooky .btn.cooky-modal { background-color: #DEDEDE; border-color: #d4d4d4; color: #222; } #cooky .btn.cooky-modal:hover, #cooky .btn.cooky-modal:focus { background-color: #e6e6e6; border-color: #DEDEDE; color: #222; } #cooky .btn.reload-adblocker { display: flex; align-items: center; margin-left: auto; margin-right: auto; } #cooky .btn.reload-adblocker > span.glyphicons { top: 0; margin-right: 5px; } #cooky .btn.reload-adblocker, #cooky .btn.cooky-accept-all { background-color: #5cb85c; border-color: #4eb24e; color: #FFF; } #cooky .btn.reload-adblocker:hover, #cooky .btn.cooky-accept-all:hover, #cooky .btn.reload-adblocker:focus, #cooky .btn.cooky-accept-all:focus { background-color: #67bd67; border-color: #5cb85c; color: #FFF; } #cooky .btn.cooky-refuse-all { background-color: #d9534f; border-color: #d5433e; color: #FFF; } #cooky .btn.cooky-refuse-all:hover, #cooky .btn.cooky-refuse-all:focus { background-color: #dc5f5c; border-color: #d9534f; color: #FFF; } #cooky a.cooky-dontcare { max-width: 900px; margin: 0 auto; display: block; text-align: right; margin-bottom: 30px; color: #FFF !important; font-size: .9em; } #cooky a.cooky-dontcare span { display: inline-block; } #cooky a.cooky-dontcare span:first-child { text-decoration: underline; } #cooky a.cooky-dontcare span + span { margin-left: 7px; } #cooky a.cooky-dontcare:focus > span:first-child, #cooky a.cooky-dontcare:hover > span:first-child { text-decoration: none; } body.cooky-needs-consent { overflow: hidden; } body.cooky-needs-consent #cooky { display: flex; } #cookyModal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; opacity: 0; z-index: 234567891 !important; -webkit-overflow-scrolling: touch; -webkit-user-select: none; user-select: none; } #cookyModal .cm-inner { position: relative; background: #FFF; color: #000; opacity: 0; -webkit-transform: translate(0, -150vh); transform: translate(0, -150vh); transition: all .8s ease-in-out; } #cookyModal .cm-inner header { display: flex; flex-wrap: wrap; align-items: center; -webkit-column-gap: 20px; column-gap: 20px; padding: 10px 20px; border-bottom: 1px solid #eeeeee; } #cookyModal .cm-inner header .L1 { flex: 1 0 80%; margin: 0; color: #222222; line-height: 1.5; font-size: 1.3em; font-weight: 700; } #cookyModal .cm-inner header button { margin: 0; font-family: Helvetica, sans-serif !important; font-size: 40px; line-height: 42px; text-shadow: 0 1px 0 #FFF; color: inherit; cursor: pointer; padding: 0; background: transparent; border: 0; -webkit-appearance: none; } #cookyModal .cm-inner section { position: relative; padding: 20px; } #cookyModal hr { width: 170px !important; border-top: 3px solid #EEE; margin: 16px auto; } #cookyModal .btn { padding: 8px 10px; } #cookyModal .btn.c-allow, #cookyModal .btn.c-allow-all { background-color: #5cb85c; border-color: #4eb24e; color: #FFF; } #cookyModal .btn.c-allow:hover, #cookyModal .btn.c-allow-all:hover, #cookyModal .btn.c-allow:focus, #cookyModal .btn.c-allow-all:focus { background-color: #67bd67; border-color: #5cb85c; color: #FFF; } #cookyModal .btn.c-deny, #cookyModal .btn.c-deny-all { background-color: #d9534f; border-color: #d5433e; color: #FFF; } #cookyModal .btn.c-deny:hover, #cookyModal .btn.c-deny-all:hover, #cookyModal .btn.c-deny:focus, #cookyModal .btn.c-deny-all:focus { background-color: #dc5f5c; border-color: #d9534f; color: #FFF; } #cookyModal p.disclaimer { text-align: justify; font-size: 1.1em; margin: 20px auto; } #cookyModal .c-message { display: none; padding: 10px 20px 20px 20px; opacity: 0; height: 0; transition: all .5s ease-in; } #cookyModal .c-message p { text-align: center; font-weight: 700; font-size: 1.1em; margin-bottom: 0; color: #5cb85c; } #cookyModal .c-message.in { display: block; opacity: 1; min-height: 50px; } #cookyModal .c-languages { display: flex; justify-content: center; margin-bottom: 10px; text-align: center; } #cookyModal .c-languages:empty { display: none; } #cookyModal .c-languages .btn { border: 2px solid #EEE; background: #EEE; border-radius: 2px; position: relative; padding: 0; line-height: 1; } #cookyModal .c-languages .btn + .btn { margin-left: 6px; } #cookyModal .c-languages .btn.small { width: 20px; height: 14px; } #cookyModal .c-languages .btn.active { border-color: #666; } #cookyModal .c-languages .btn:hover, #cookyModal .c-languages .btn:focus { opacity: .8; } #cookyModal #cooky-services .L3 { font-size: 1.3em; color: #444 !important; } #cookyModal #cooky-services p { font-size: 1.1em; margin-bottom: 10px; } #cookyModal .cooky-d { text-align: center; font-size: 1.1em; } #cookyModal .cooky-d .L2 { color: #333 !important; margin: 4px auto 16px auto; } #cookyModal .cooky-d div { margin-top: 10px; } #cookyModal .cooky-r { display: flex; flex-wrap: wrap; } #cookyModal .cooky-r > p { flex-grow: 1; margin-bottom: 10px; } #cookyModal .cooky-r > p a { color: #555 !important; font-size: .9em; } #cookyModal .cooky-r > p a:hover, #cookyModal .cooky-r > p a:focus { opacity: .7; } #cookyModal .cooky-r > p a:before { content: "> "; display: inline-block; margin-right: 4px; } #cookyModal .c-read-more { display: none; flex: 100%; border-bottom: 1px dotted #222222; background: #eeeeee; padding: 10px; margin-bottom: 20px; } #cookyModal .c-read-more p { margin-bottom: 0; margin-left: 10px; } #cookyModal .c-read-more p a { color: #222 !important; text-decoration: underline !important; } #cookyModal .c-read-more p a:hover, #cookyModal .c-read-more p a:focus { text-decoration: none !important; } #cookyModal .c-allow, #cookyModal .c-allow-all { opacity: .5; } #cookyModal .c-allow:hover, #cookyModal .c-allow-all:hover, #cookyModal .c-allow.active, #cookyModal .c-allow-all.active { opacity: 1; } #cookyModal .c-deny, #cookyModal .c-deny-all { opacity: .5; } #cookyModal .c-deny:hover, #cookyModal .c-deny-all:hover, #cookyModal .c-deny.active, #cookyModal .c-deny-all.active { opacity: 1; } #cookyModal .c-item { background-color: rgba(255, 255, 255, 0.6); padding: 10px 8px; margin-bottom: 8px; } #cookyModal .c-item p { font-size: 1em; margin-bottom: 0; } #cookyModal .c-item span.halflings-lock { color: #5cb85c; } #cookyModalBackdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(40, 43, 49, 0.8); transition: all 1.2s ease-in-out; visibility: hidden; opacity: 0; z-index: 234567890; } body.cm-open { overflow: hidden; } body.cm-open #cookyModal { opacity: 1; visibility: visible; overflow-x: hidden; overflow-y: auto; } body.cm-open #cookyModal .cm-inner { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } body.cm-open #cookyModalBackdrop { opacity: 1; visibility: visible; } .cooky-activate { width: 100%; height: 100%; background-color: #696969; color: #FFF; } .cooky-activate > div .btn { display: block; margin: 0 auto; } .cooky-activate > div .btn.c-allow { background-color: #EFEFEF; border-color: #e5e5e5; color: #222; text-shadow: 0 1px 0 rgba(34, 34, 34, 0.2); } .cooky-activate > div .btn.c-allow:hover, .cooky-activate > div .btn.c-allow:focus { background-color: #f7f7f7; border-color: #EFEFEF; color: #222; } .cooky-activate > div .btn span.social { font-size: 1.4em; vertical-align: bottom; margin-right: 5px; } .jizy-cooky-boxed { page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; } .jizy-cooky-boxed .cooky-activate { display: table; text-align: center; padding: 10px 20px; } .jizy-cooky-boxed .cooky-activate > div { display: table-cell; text-align: center; vertical-align: middle; } .jizy-cooky-boxed .cooky-activate > div > p { max-width: 300px; margin: 0 auto 10px auto; } .jizy-cooky-boxed .cooky-activate > div > button { display: block; margin: 0 auto; } .btn-group { display: flex; flex-wrap: wrap; } .btn-group .btn { position: relative; } .btn-group .btn:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .btn-group .btn:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .btn-group .btn:hover, .btn-group .btn:focus, .btn-group .btn:active, .btn-group .btn.active { z-index: 2; } .btn-group .btn + .btn { margin-left: -1px; } input, select, textarea { background-color: #FFF; border: 1px solid #CCC; } input[type='text'], input[type='password'], input[type='file'], input[type='email'], input[type='tel'], input[type='url'], input[type='search'], select, textarea { display: block; color: #555555; } input:not([type='color']):not([type='checkbox']):not([type='radio']), select, textarea { padding: 6px 12px; } input:not([type='color']):not([type='checkbox']):not([type='radio']), select, textarea { transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } input:not([type='color']):not([type='checkbox']):not([type='radio']):focus, select:focus, textarea:focus { border-color: #b4b4b4; outline: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(180, 180, 180, 0.6); } input[type='file'], input[type='color'], input[type='checkbox'], input[type='radio'] { box-shadow: none; } input[type="radio"], input[type="checkbox"] { margin-top: 3px; } input[type='file'] { padding-left: 0 !important; padding-right: 0 !important; border: none !important; } input[type='color'] { max-width: initial !important; background-color: initial !important; } input[type='number'] { max-width: 150px; padding-right: 2px !important; } input[type='tel'] { max-width: 220px; } input[type='date'] { max-width: 160px; } input[type='time'] { max-width: 100px; } input[type='datetime-local'] { max-width: 210px; } select[name$="[gender]"] { max-width: 140px !important; } input[name$='[captcha]'] { display: none !important; } input:not([type='color']):not([type='checkbox']):not([type='radio'])::-moz-placeholder, textarea::-moz-placeholder { color: #777777; opacity: .9; font-style: italic; } input:not([type='color']):not([type='checkbox']):not([type='radio']):-ms-input-placeholder, textarea:-ms-input-placeholder { color: #777777; opacity: .9; font-style: italic; } input:not([type='color']):not([type='checkbox']):not([type='radio'])::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #777777; opacity: .9; font-style: italic; } .field-group .field { position: relative; display: flex; flex-wrap: wrap; } .field-group .field input[type='text'], .field-group .field input[type='file'], .field-group .field select { flex: 1; width: auto; position: relative; margin-bottom: 0; z-index: 2; } .field-group .field input[type='text']:focus, .field-group .field input[type='file']:focus, .field-group .field select:focus { z-index: 3; } .field-group .field .btn { position: relative; white-space: nowrap; } .field-group .field .btn + .btn { margin-left: -1px; } .field-group .field .btn:hover, .field-group .field .btn:focus, .field-group .field .btn:active { z-index: 2; } .field-group .field > span { padding: 6px 12px; font-weight: normal; color: #222222; text-align: center; white-space: nowrap; -webkit-user-select: none; user-select: none; } .field-group .field > span input[type='radio'], .field-group .field > span input[type='checkbox'] { margin-top: 0; } .field { box-sizing: border-box; display: flex; } .field.disabled input, .field.readonly input, .field.disabled select, .field.readonly select, .field.disabled textarea, .field.readonly textarea { cursor: not-allowed; background-color: #ebebe4; } .form-fieldset + .form-fieldset { margin-top: 10px; } .form-fieldset > h3 { margin: 0; padding: 14px 0 5px 0; border-bottom: 1px solid #EEE; margin-bottom: 5px; } .form-fieldset > p { background-color: rgba(255, 255, 255, 0.3); font-style: italic; padding: 8px 10px; margin: 8px 0; } .form-field > label { font-weight: 700; white-space: nowrap; padding-top: 7px; margin-bottom: 4px; display: block; } .form-field .field { display: flex; flex-direction: column; } .form-field .help { flex: 100%; margin-top: 2px; font-size: .95em; color: #626262; } .form-field .help > span { display: block; } .form-field .help > span + span { margin-top: 4px; } .form-field .help span.unikmail-message { display: block; } .form-field.required { position: relative; } .form-field.required > label:after { color: #F00; content: "*"; display: inline-block; margin-left: 4px; } .form-field.wide > label { width: 100%; } .form-field.wide .field { flex: 100%; } .form-field.static .field p { display: block; margin-bottom: 0; padding-top: 7px; } .form-field:not(.tipBefore).static.field > p { margin-top: 7px; } .form-field:not(.tipBefore) .help { margin-top: 7px; margin-bottom: 0; order: 2; } .form-field.tipBefore .help { margin-top: 0; margin-bottom: 7px; } .form-field.tipBefore.label-on-top .redactor-box { order: 2; } .form-field.solo-checkbox .field { position: relative; padding-top: 8px; } .form-field.solo-checkbox .field label { display: flex; align-items: center; font-weight: initial; cursor: pointer; } .form-field.solo-checkbox .field label > span { -webkit-user-select: none; user-select: none; } .form-field.solo-checkbox .field label input[type='radio'], .form-field.solo-checkbox .field label input[type='checkbox'] { flex: 0 1 14px; align-self: flex-start; margin-right: 8px; } .form-field.radio .field, .form-field.checkbox .field { position: relative; padding-top: 8px; } .form-field.radio .field label, .form-field.checkbox .field label { display: flex; font-weight: initial; cursor: pointer; } .form-field.radio .field label input[type='radio'], .form-field.checkbox .field label input[type='radio'], .form-field.radio .field label input[type='checkbox'], .form-field.checkbox .field label input[type='checkbox'] { flex: 0 0 24px; margin-top: 3px; max-height: 14px; } .form-field.has-feedback * { color: inherit !important; } .form-field.has-feedback input[type='text'], .form-field.has-feedback input[type='file'], .form-field.has-feedback input[type='email'], .form-field.has-feedback input[type='tel'], .form-field.has-feedback input[type='url'], .form-field.has-feedback select { position: relative; padding-right: 25px; } .form-field.has-feedback .form-control-feedback { display: inline-block !important; pointer-events: none; margin-left: -25px; -webkit-user-select: none; user-select: none; } .form-field.has-success .field input, .form-field.has-success .field select, .form-field.has-success .field textarea, .form-field.has-success .field .redactor-box { color: #3c763d !important; border-color: #3c763d !important; } .form-field.has-success .field .field-group-addon { color: #3c763d !important; border-color: #3c763d !important; background-color: #dff0d8 !important; } .form-field.has-success .field .field-group-btn button { border-top-color: #3c763d; border-right-color: #3c763d; border-bottom-color: #3c763d; } .form-field.has-success .help, .form-field.has-success.checkbox .field label, .form-field.has-success.radio .field label { color: #3c763d !important; } .form-field.has-warning .field input, .form-field.has-warning .field select, .form-field.has-warning .field textarea, .form-field.has-warning .field .redactor-box { color: #8a6d3b !important; border-color: #8a6d3b !important; } .form-field.has-warning .field .field-group-addon { color: #8a6d3b !important; border-color: #8a6d3b !important; background-color: #fcf8e3 !important; } .form-field.has-warning .field .field-group-btn button { border-top-color: #8a6d3b; border-right-color: #8a6d3b; border-bottom-color: #8a6d3b; } .form-field.has-warning .help, .form-field.has-warning.checkbox .field label, .form-field.has-warning.radio .field label { color: #8a6d3b !important; } .form-field.has-error .field input, .form-field.has-error .field select, .form-field.has-error .field textarea, .form-field.has-error .field .redactor-box { color: #a94442 !important; border-color: #a94442 !important; } .form-field.has-error .field .field-group-addon { color: #a94442 !important; border-color: #a94442 !important; background-color: #f2dede !important; } .form-field.has-error .field .field-group-btn button { border-top-color: #a94442; border-right-color: #a94442; border-bottom-color: #a94442; } .form-field.has-error .help, .form-field.has-error.checkbox .field label, .form-field.has-error.radio .field label { color: #a94442 !important; } form { margin-left: auto; margin-right: auto; } form .form-fieldset + .form-field { margin-top: 14px; } form:not(.filters) .form-field + .form-field { margin-top: 10px; } form.sm .field input:not([type='color']):not([type='checkbox']):not([type='radio']), form.sm .field select, form.sm .field textarea { font-size: .85em; } form.lg .field input:not([type='color']):not([type='checkbox']):not([type='radio']), form.lg .field select, form.lg .field textarea { font-size: 1.2em; } .field-group .field { flex-direction: row; } .form-field.form-field-boolean { display: flex; flex-wrap: wrap; margin: 0; position: relative; } .form-field.form-field-boolean input { width: 32px; height: 19px; background: #d8d8d8; border: none; border-radius: 15px; position: relative; top: 0; transition: background 0.3s; } .form-field.form-field-boolean input:after { content: ""; height: 15px; width: 15px; background: #FFF; position: absolute; top: 2px; left: 2px; border-radius: 50%; opacity: 1; transition: opacity 0.3s; box-shadow: 0 2px 2px 0 rgba(0,0,0,.1), 0 2px 7px 0 rgba(0,0,0,.1); } .form-field.form-field-boolean input:hover, .form-field.form-field-boolean input:focus { opacity: .8; } .form-field.preview { margin-top: 5px; margin-bottom: 5px; } .form-field.preview img { width: 100%; max-height: 200px; display: block; margin: 0 auto; } .form-field.form-buttons { margin-top: 20px; padding-top: 20px; border-top: 2px solid #EEE; } .form-field.form-buttons .btn { padding: 10px 16px; font-size: 1.2em; } form[name='login'] .login-wait { background-color: #EEE; padding: 4px 6px; font-weight: 700; color: #f00; text-align: right; margin-bottom: 0; } form:not(.wide) { max-width: 500px; } form .form-submit { margin-top: 20px; } .modal-form-intro { padding: 0 10px; margin-bottom: 20px; border-bottom: 1px solid #EEE; } .modal-form-intro:empty { display: none; } .form-field[data-id='zipcode'] .field, .form-field[data-id$='_zipcode'] .field { flex-direction: row !important; } .form-field[data-id='zipcode'] input[name$='[zipcode]'], .form-field[data-id$='_zipcode'] input[name$='[zipcode]'], .form-field[data-id='zipcode'] input[name$='_zipcode]'], .form-field[data-id$='_zipcode'] input[name$='_zipcode]'] { min-width: 70px; margin-right: 3px; } .form-field[data-id='zipcode'] input[name$='[town]'], .form-field[data-id$='_zipcode'] input[name$='[town]'], .form-field[data-id='zipcode'] input[name$='_town]'], .form-field[data-id$='_zipcode'] input[name$='_town]'] { flex: 60%; } .matomo-opt-out .cooky-activate { display: table; text-align: center; padding: 10px 20px; } .matomo-opt-out .cooky-activate > div { display: table-cell; text-align: center; vertical-align: middle; } .matomo-opt-out .cooky-activate > div > p { max-width: 300px; margin: 0 auto 10px auto; } .matomo-opt-out .cooky-activate > div > button { display: block; margin: 0 auto; } .matomo-opt-out iframe { width: 100%; } .sitemap-display ul { margin-bottom: 10px; } .sitemap-display ul > li > span.separator { display: block; } .sitemap-display ul > li:not(:first-child) > span.separator { margin-top: 10px; } .jdzc { margin-top: 20px !important; padding-top: 10px !important; padding-bottom: 10px !important; } @-webkit-keyframes loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 75% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 75% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .loading { width: 100%; height: 200px; display: none; } .loading > div { width: 100px; height: 100px; background-image: url("../images/loading.png"); background-repeat: no-repeat; background-size: contain; -webkit-animation-name: loading; animation-name: loading; -webkit-animation-duration: 12000ms; animation-duration: 12000ms; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .loading > p { color: #222; font-size: 1.5em; margin-top: 20px; margin-bottom: 0; } .spinner .loading { display: flex; flex-direction: column; align-items: center; justify-content: center; } table { width: 100%; max-width: 100%; margin-bottom: 20px; } table caption { padding-top: 8px; padding-bottom: 8px; color: #FFF; text-align: left; } table th, table td { padding: 8px; vertical-align: top; border-top: 1px solid #FFF; } table th { text-align: left; } table thead th { vertical-align: bottom; border-bottom: 2px solid #FFF; } table caption + thead tr:first-child th, table colgroup + thead tr:first-child th, table thead:first-child tr:first-child th, table caption + thead tr:first-child td, table colgroup + thead tr:first-child td, table thead:first-child tr:first-child td { border-top: 0; } table tbody + tbody { border-top: 2px solid #FFF; } table.table-condensed th, table.table-condensed td { padding: 5px; } table.table-bordered { border: 1px solid #FFF; } table.table-bordered thead tr th, table.table-bordered tbody tr th, table.table-bordered tfoot tr th, table.table-bordered thead tr td, table.table-bordered tbody tr td, table.table-bordered tfoot tr td { border: 1px solid #FFF; } table.table-bordered thead tr th, table.table-bordered thead tr td { border-bottom-width: 2px; } table.table-striped tbody tr:nth-of-type(odd) { background-color: #F9F9F9; } table.table-hover tbody tr:hover { background-color: #F5F5F5; } .table-responsive { overflow-x: auto; } .footer-contact { margin-bottom: 30px; } .footer-contact a { position: relative; justify-content: center; } .footer-contact a > span.ico { flex: 0 0 40px; font-size: 1.6em; margin-right: .5em; } .footer-contact a > span.ico:before { padding: 10px; } .footer-contact a > span:not(.ico) { display: flex; flex-direction: column; } .footer-contact a > span:not(.ico) > strong { text-transform: uppercase; } .footer-contact a > span:not(.ico) > strong + br { display: none !important; } .footer-contact a:hover, .footer-contact a:focus { background-color: rgba(255, 255, 255, 0.2); } .network { display: flex; flex-grow: 1; -webkit-column-gap: 20px; column-gap: 20px; align-items: center; justify-content: center; } .network a { background-color: #FFF; font-size: 1.5em; padding: .5em; border-radius: 50%; transition: opacity 0.4s; } .network a span { width: 20px; height: 20px; display: block; background-size: contain; background-repeat: no-repeat; } .network a.x span { background-image: url('../images/social/black/x-icon.png'); } .network a.twitter span { background-image: url('../images/social/black/twitter-icon.png'); } .network a.linkedin span { background-image: url('../images/social/black/linkedin-icon.png'); } .network a.instagram span { background-image: url('../images/social/black/instagram-icon.png'); } .network a.facebook span { background-image: url('../images/social/black/facebook-icon.png'); } .network a:hover, .network a:focus { opacity: .6; } .join-us { display: flex; align-items: center; } .foot-line { display: flex; background-color: rgba(150, 150, 150, 0.1); padding: 5px 10px; margin-top: 30px; font-size: .9em; } .foot-line .menu { font-size: 1.08em; display: inline-block; } .foot-line .menu a { color: #222; } .foot-line .menu a.active { font-weight: 700; } .footer-menu > div p.h { line-height: 1; font-weight: 700; text-transform: uppercase; margin-bottom: 8px; } .footer-menu > div p.i { line-height: 1; margin-bottom: 0; } .footer-menu nav { display: flex; } .footer-menu nav > a { display: block; font-size: 1.1em; } .footer-menu nav > a.active { font-weight: 700; } .footer-menu nav > a + a { margin-top: 6px; } .chapo { border-width: 1px 0 1px 0; border-style: solid; border-color: #cf0540; padding-top: 10px; padding-bottom: 10px; margin-top: 18px; margin-bottom: 18px; } .chapo p { color: inherit; font-size: 1.1em; line-height: 1.3em; margin-bottom: 4px; font-weight: 700; } .chapo p:last-child { margin-bottom: 0; } .chapo.asfored { border-color: #cf0540 !important; } .chapo.cfa { border-color: #9ac42f !important; } .chapo.alumni { border-color: #0087b1 !important; } .chapo.emploi { border-color: #fab600 !important; } .chapo.aubergine { border-color: #4f324c !important; } .chapo.edinovo { border-color: #007a87 !important; } .chapo.lightblue { border-color: #00b3be !important; } .chapo.lde { border-color: #33B7B9 !important; } .asfored-box { margin-top: 18px; margin-bottom: 18px; padding: 20px 20px 20px 40px; position: relative; background-color: #cf0540; color: #FFF !important; } .asfored-box h2, .asfored-box h3, .asfored-box h4 { color: #FFF !important; font-size: 1.1em; text-transform: uppercase; } .asfored-box p { color: #FFF !important; font-size: 1em; margin-bottom: 4px; } .asfored-box p:last-child { margin-bottom: 0; } .asfored-box a, .asfored-box a:hover, .asfored-box a:focus { color: #FFF !important; } .asfored-box a:hover, .asfored-box a:focus { opacity: .8; } .asfored-box:before { width: 12px; height: 26px; content: " "; position: absolute; top: 10px; left: 12px; background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url('../images/apostrophe.png'); } .asfored-box.asfored { background-color: #cf0540 !important; } .asfored-box.cfa { background-color: #9ac42f !important; } .asfored-box.edinovo { background-color: #007a87 !important; } .asfored-box.edinovo:before { background-image: url('../images/apostrophe-edinovo.png'); } .asfored-box.alumni { background-color: #0087b1 !important; } .asfored-box.emploi { background-color: #fab600 !important; } .asfored-box.marin { background-color: #00303d !important; } .asfored-box.terre { background-color: #665546 !important; } .asfored-box.aubergine { background-color: #4f324c !important; } .asfored-box.lde { background-color: #33B7B9 !important; } .asfored-box + h2, .asfored-box + h3 { margin-top: 24px; } .split-box { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 40px; column-gap: 40px; widows: 1; margin-top: 10px; margin-bottom: 10px; } .split-box div { page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; } .split { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 20px; column-gap: 20px; widows: 1; } .picto { position: relative; padding-left: 42px; margin-top: 10px; margin-bottom: 10px; min-height: 40px; } .picto:before { content: " "; width: 40px; height: 40px; position: absolute; display: block; background-repeat: no-repeat; top: 5px; left: 0; } .picto figure { display: none !important; } .picto > p { margin-bottom: 0; } .picto > p + p { margin-top: 10px; } .picto.ampoule:before { background-image: url('../images/pictos/ampoule.png'); } .picto.ampoule-vide:before { background-image: url('../images/pictos/ampoule-vide.png'); } .picto.diplome:before { background-image: url('../images/pictos/diplome.png'); } .picto.drapeau:before { background-image: url('../images/pictos/drapeau.png'); } .picto.euro:before { background-image: url('../images/pictos/euro.png'); } .picto.info:before { background-image: url('../images/pictos/info.png'); } .picto.liste:before { background-image: url('../images/pictos/liste.png'); } .picto.ma:before { background-image: url('../images/pictos/ma.png'); } .picto.porte:before { background-image: url('../images/pictos/porte.png'); } body { font-family: "Plus Jakarta Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #1E1E1E; } h1, h2, h3, h4, h5, h6 { color: #1E1E1E; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: inherit; } hr { border-top-color: #007a87; } a:not(.btn), .btn-link { color: #007a87; } a:not(.btn):hover, .btn-link:hover, a:not(.btn):focus, .btn-link:focus { opacity: .8; } h1 { font-size: 1.3em; margin: 0 0 18px 0; } h2 { font-size: 1.15em; margin: 14px 0; } h3 { font-size: 1em; margin: 14px 0; } h4 { font-size: 1em; margin: 14px 0; } h5 { font-size: .95em; margin: 14px 0; } h6 { font-size: .9em; margin: 14px 0; } .list-bullet, .list-square { margin-left: 0; } figure.inline { margin-top: 20px; margin-bottom: 20px; } form .form-submit { text-align: center; } form .form-submit .btn { padding: 8px 16px; font-size: 1.2em; } form .field-group { display: flex; flex-wrap: wrap; } form .field-group-addon > .btn { padding: 8px 12px; } .modalizer { -webkit-user-select: none; user-select: none; } .modalizer .layer section > h1:first-child { margin-right: 20px; } .main-logo img { display: block; max-height: 100%; } a.main-logo:hover, a.main-logo:focus { opacity: .8; } .footer-logo { margin-top: 10px; } .footer-logo img { display: block; max-width: 200px; max-height: 70px; margin-left: auto; margin-right: auto; } .footer-contact { margin-bottom: 30px; } .footer-contact a { text-shadow: 0 1px 2px #f9f9f9; } .footer-contact a span strong { text-shadow: none; } .footer-menu form { margin: 10px 0; } body > header { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; -webkit-user-select: none; user-select: none; } body > header nav { -webkit-user-select: none; user-select: none; } body > header .bar { display: flex; flex-wrap: wrap; align-items: center; margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; background-color: #FFF; } body > main .container { background-color: #FFF; position: relative; } body > footer { } body > footer .container { position: relative; padding-top: 30px; background-color: #000; color: #FFF; box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3); -webkit-user-select: none; user-select: none; } body > footer a { color: #FFF !important; transition: opacity 0.3s; } body > footer a:hover, body > footer a:focus { opacity: .6; } body > footer .subscribe > div + div { margin-top: 20px; } body > footer .subscribe form { width: 100%; max-width: initial; } body > footer .subscribe .field-group { display: flex; flex-direction: row; margin-bottom: 0; } body > footer .subscribe .field-group input { flex-grow: 1; font-size: 1.1em; padding: 8px 10px; background-color: #444; border-color: #333 !important; color: #FFF; } body > footer .subscribe .field-group input::-moz-placeholder { color: #F9F9F9; opacity: .9; font-style: italic; } body > footer .subscribe .field-group input:-ms-input-placeholder { color: #F9F9F9; opacity: .9; font-style: italic; } body > footer .subscribe .field-group input::-webkit-input-placeholder { color: #F9F9F9; opacity: .9; font-style: italic; } body > footer .subscribe .field-group input:focus { box-shadow: none !important; } body > footer .subscribe .field-group .btn { display: flex; align-items: center; justify-content: center; background-color: #444; border-color: #333; color: #FFF; } body > footer .subscribe .field-group .btn:hover, body > footer .subscribe .field-group .btn:focus { opacity: .8; } .website-credits .logo { margin-bottom: 20px; } .website-credits a:hover, .website-credits a:focus { opacity: .8; } .website-credits p > a { white-space: nowrap; display: inline-block; } .search-filters { -webkit-user-select: none; user-select: none; } .search-filters .filter > a { background: #cf0540; } .search-filters .filter > div { border-color: #cf0540; } .search-filters .filter > div .field-group-addon { border-color: #cf0540; } .search-filters .filter > div .field-group .btn { background-color: #cf0540; border-color: #bb053a; color: #FFF; } .search-filters .filter > div .field-group .btn:hover, .search-filters .filter > div .field-group .btn:focus { background-color: #de0545; border-color: #cf0540; color: #FFF; } .search-filters .filter > div input, .search-filters .filter > div select { border-color: #cf0540; } .search-filters .field-group > label { display: none; } .search-results .result { border-color: #cf0540; } .search-results.hover .result:hover, .search-results.hover .result:focus { background: rgba(207, 5, 64, 0.2); } .carousel .crs-content { background: rgba(0, 0, 0, 0.8); } .carousel .crs-content .nav-box { background: #000; } .carousel .read-more { background-color: #000; } .page-contents > figure:not(.pull-left):not(.pull-right), .page-contents .col-2-c > figure:not(.pull-left):not(.pull-right) { margin-top: 20px; margin-bottom: 20px; } body.home-page .page-contents { display: none; } body.sitesearch-page .col-2-c { max-width: 800px; margin-left: auto; margin-right: auto; } span.nolink { display: block; margin-top: 8px; margin-bottom: 4px; font-size: .8em; font-weight: 700; } .headlines ul li a { color: #1E1E1E; } .modalizer .headline-asfored { background-color: #665546; margin-top: -20px; margin-left: -30px; margin-right: -30px; } .modalizer .headline-asfored .t { display: flex; } .modalizer .headline-asfored .details { display: flex; flex-direction: column; text-align: right; padding: 20px; } .modalizer .headline-asfored .details p { margin-bottom: 0; color: #FFF; } .modalizer .headline-asfored .details p.title { font-weight: 700; } .modalizer .headline-asfored .visuel { background-color: #777777; } .modalizer .headline-asfored .visuel figure { margin-bottom: 0; } .modalizer .headline-asfored .description { background-color: #FFF; padding: 20px 30px; } .modalizer .headline-asfored .description .jizy-player:not(.allowed) { width: auto; height: auto; } .modalizer .headline-asfored .description blockquote { position: relative; padding: 0; border: 0; margin: 20px; font-size: 1.1em; } .modalizer .headline-asfored .description blockquote p { width: 70%; margin: 20px auto; text-align: justify; } .modalizer .headline-asfored .description blockquote:before { width: 10px; height: 23px; content: ""; position: absolute; top: -10px; left: 50px; background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url('../images/apostrophe-headlines.png') !important; } .modalizer .headline-asfored .description blockquote:after { width: 10px; height: 23px; content: ""; position: absolute; bottom: -10px; right: 50px; background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url('../images/apostrophe-headlines.png') !important; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .intervenants-box { display: flex; flex-wrap: wrap; margin-bottom: 20px; } .intervenants-box > a { display: block; overflow: hidden; position: relative; margin-bottom: 14px; margin-left: 1%; margin-right: 1%; cursor: pointer; -webkit-user-select: none; user-select: none; } .intervenants-box > a:hover, .intervenants-box > a:focus { opacity: .8; } .intervenants-box > a figure { max-height: 100%; } .intervenants-box > a figure img { width: 100%; max-width: initial; max-height: initial; -o-object-fit: cover; object-fit: cover; } .intervenants-box > a > div { display: flex; align-items: center; position: absolute; bottom: 0; left: 0; right: 0; color: #FFF !important; } .intervenants-box > a > div span.ico { margin-right: 10px; } .intervenants-box > a > div span:not(.ico) { font-weight: 700; } .modalizer .layer.layer-intervenant[data-point='etl'] .intervenant { background-color: #335963; margin-top: -20px; margin-left: -30px; margin-right: -30px; } .modalizer .layer.layer-intervenant[data-point='etl'] .intervenant .t { display: flex; flex-wrap: wrap; } .modalizer .layer.layer-intervenant[data-point='etl'] .intervenant .details { display: flex; flex-direction: column; text-align: right; } .modalizer .layer.layer-intervenant[data-point='etl'] .intervenant .details .title { text-transform: uppercase; } .modalizer .layer.layer-intervenant[data-point='etl'] .intervenant .details p { margin-bottom: 0; color: #FFF; } .modalizer .layer.layer-intervenant[data-point='etl'] .intervenant .details p.diplomas { margin-top: 20px; } .modalizer .layer.layer-intervenant[data-point='etl'] .intervenant .details p.diplomas + p { margin-top: 20px; } .modalizer .layer.layer-intervenant[data-point='etl'] .intervenant .picture { background-color: #335963; } .modalizer .layer.layer-intervenant[data-point='etl'] .intervenant .picture figure { margin-bottom: 0; } .modalizer .layer.layer-intervenant[data-point='etl'] .intervenant .description { background-color: #FFF; padding: 20px 30px; } .modalizer .layer.layer-intervenant[data-point='edinovo'] .intervenant h1 { border-bottom: 1px solid #007a87; padding-bottom: 10px; margin: 0 0 20px 0; display: flex; align-items: center; -webkit-column-gap: 10px; column-gap: 10px; } .modalizer .layer.layer-intervenant[data-point='edinovo'] .intervenant h1 span.ico { color: #007a87; font-size: 1.5em; } .modalizer .layer.layer-intervenant[data-point='edinovo'] .intervenant h2 { color: #1E1E1E !important; margin: 0 0 14px 0; } .modalizer .layer.layer-intervenant[data-point='edinovo'] .intervenant h3 { color: #1E1E1E !important; text-transform: uppercase; font-size: 1.1em !important; margin: 0 0 8px 0; } .modalizer .layer.layer-intervenant[data-point='lde'] .intervenant h1 { display: flex; align-items: center; -webkit-column-gap: 10px; column-gap: 10px; border-bottom: 1px solid #33B7B9; padding-bottom: 10px; margin: 0 0 20px 0; } .modalizer .layer.layer-intervenant[data-point='lde'] .intervenant h1 span.ico { color: #33B7B9; font-size: 1.5em; } .modalizer .layer.layer-intervenant[data-point='lde'] .intervenant h2 { color: #1E1E1E !important; margin: 0 0 14px 0; } .modalizer .layer.layer-intervenant[data-point='lde'] .intervenant h3 { color: #1E1E1E !important; text-transform: uppercase; font-size: 1.1em !important; margin: 0 0 8px 0; } .bandeau-infos { background-color: #cf0540; margin-bottom: 20px; } body.partenaires > main > .container > article h1 { text-transform: uppercase; } body.partenaires > main > .container > article section > div { display: flex; flex-direction: column; justify-content: flex-start; margin-bottom: 20px; border: 1px solid #EEE; background-color: #ffffff; text-align: center; padding: 20px 14px; position: relative; } body.partenaires > main > .container > article section > div h3 { color: #1E1E1E !important; font-size: 1.2em; } body.partenaires > main > .container > article section > div h3 a { text-transform: initial !important; font-weight: normal; } body.partenaires > main > .container > article section > div h3 span { color: #1E1E1E !important; font-weight: normal !important; text-transform: initial !important; } body.partenaires > main > .container > article section > div p { margin-bottom: 0; } body.partenaires > main > .container > article section > div p + p { margin-top: 4px; } body.partenaires > main > .container > article section > div figure { margin-bottom: 0; } body.partenaires > main > .container > article section > div figure img { max-width: 100%; max-height: 100px; } body.partenaires > main > .container > article section > div .title { margin-bottom: 0; font-weight: 700; font-size: 1.2em; padding: 10px 0; } body.partenaires > main > .container > article section > div .description { margin-top: 4px; } .glossary-box > p:not(.shown) { margin-bottom: 0; } .glossary-box > p:not(.shown) > a:before { content: ' > '; display: inline-block; margin-left: 6px; vertical-align: middle; font-weight: 700; font-size: 18px; transition: all 0.4s; } .glossary-box > p:not(.shown) > a.active:before, .glossary-box > p:not(.shown) > a:hover:before, .glossary-box > p:not(.shown) > a:focus:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .glossary-detail { display: none; margin-top: 4px; margin-left: 10px; margin-bottom: 20px; padding: 10px 6px 10px 8px; background: #F9F9F9; border-left: 2px solid #EEE; } .glossary-detail > div { display: flex; align-items: center; -webkit-column-gap: 10px; column-gap: 10px; } .glossary-detail span.flag-icon { flex: 0 0 20px; height: 14px; } .glossary-detail p { margin-bottom: 0; } .glossary-detail hr { margin-top: 8px; margin-bottom: 8px; } body.faq > main > .container > article > section > div + div { margin-top: 10px; } body.faq > main > .container > article > section > div p { margin-bottom: 0; } body.faq > main > .container > article > section > div p + p { margin-top: 10px; } body.faq > main > .container > article > section > div .answer { display: none; padding: 10px 8px; background-color: #F9F9F9; margin-top: 6px; margin-bottom: 10px; border-left: 2px solid #888; } body.faq > main > .container > article > section > div.active .question { font-weight: 700; } body.faq > main > .container > article > section > div.active .answer { display: block; } .home-boxes { position: relative; margin-right: -15px; margin-left: -15px; } .home-boxes a { width: 100%; padding: 20px; color: #FFF !important; text-align: center; display: flex; flex-direction: column; transition: opacity 0.4s; } .home-boxes a figure { height: 30px; } .home-boxes a figure img { height: 100%; max-height: initial; } .home-boxes a p { margin-bottom: 0; } .home-boxes a p.title { font-weight: 700; text-align: center; } .home-boxes a:hover, .home-boxes a:focus { opacity: .9; } body > header { background-color: #FFF; border-bottom: 2px solid rgba(0, 0, 0, 0.14); } body > main > .container > article { position: relative; } body > main > .container > article h1 { margin-top: 0; } body > main > .container > article > div:first-of-type { position: relative; } body > main > .container > article > div:first-of-type h1, body > main > .container > article > div:first-of-type h2 { text-transform: uppercase; } body > footer .subscribe > div + div { padding-top: 20px; } body.page > main > .container, body.headlines > main > .container, body.partenaires > main > .container { background-color: #FFF; } h1 { display: flex; align-items: center; } h1 > .ico { margin-right: 8px; } .btn-primary, .btn-submit, .btn.submit, .btn.icon-btn, form .form-submit .btn:not(.btn-default):not(.btn.btn-submit):not(.btn.submit), .modalizer .layer footer .modalizer-close { background-color: #007a87; border-color: #006873; color: #FFF; } .btn-primary:hover, .btn-submit:hover, .btn.submit:hover, .btn.icon-btn:hover, form .form-submit .btn:not(.btn-default):not(.btn.btn-submit):not(.btn.submit):hover, .modalizer .layer footer .modalizer-close:hover, .btn-primary:focus, .btn-submit:focus, .btn.submit:focus, .btn.icon-btn:focus, form .form-submit .btn:not(.btn-default):not(.btn.btn-submit):not(.btn.submit):focus, .modalizer .layer footer .modalizer-close:focus { background-color: #008896; border-color: #007a87; color: #FFF; } .bandeau-infos { margin-bottom: 20px; margin-left: auto; margin-right: auto; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .chapo { border-color: #007a87; } .asfored-box { background-color: #007a87; } .pager { display: flex; justify-content: center; flex-wrap: wrap; -webkit-column-gap: 5px; column-gap: 5px; } .pager a { display: flex; align-items: center; justify-content: center; border-radius: 8px; background-color: #e8f1f1; color: #1E1E1E; text-decoration: none !important; text-align: center; font-weight: 600; line-height: 1; } .pager a > span.ico:before { top: 1px; } .pager a:hover, .pager a:focus { opacity: .8; color: #1E1E1E; } .pager a.hidden { display: none; } .pager a.disabled { cursor: not-allowed; color: #383838; background-color: #FFF; } .pager a.disabled.prev, .pager a.disabled.next { display: none; } .pager a.active, .pager a.active:hover, .pager a.active:focus { cursor: default; } body:not(.formations) .pager a.active, body:not(.formations) .pager a.active:hover, body:not(.formations) .pager a.active:focus { color: #FFF; background-color: #CF0441; border-color: #CF0441; } .modalizer .layer section a:not(.btn) { color: #007a87; } .modalizer .layer section > h1:first-child { margin-right: 20px; } .modalizer .layer footer .modalizer-close { background-color: #007a87 !important; border-color: #006873 !important; color: #FFF !important; } .modalizer .layer footer .modalizer-close:hover, .modalizer .layer footer .modalizer-close:focus { background-color: #008896 !important; border-color: #007a87 !important; color: #FFF !important; } span.ico:before { top: 3px; } .btn > span { display: inline-block; } .btn > span + span.ico { margin-left: 10px; } .btn.btn-green { font-weight: 600; white-space: nowrap; color: #1E1E1E; background-color: #2BDD9F; border-radius: 4px; padding: 10px 16px; } .btn.btn-gray { font-weight: 600; white-space: nowrap; color: #1E1E1E; background-color: #e8f1f1; border-radius: 4px; padding: 10px 16px; } .btn.btn-text { font-weight: 600; white-space: nowrap; color: #1E1E1E !important; background-color: transparent; padding: 10px 16px; } span.en-savoir-plus { font-weight: 600; white-space: nowrap; color: #1E1E1E !important; position: relative; } span.en-savoir-plus > span.ico { transition: margin .3s; margin-left: 10px; margin-right: 10px; } span.en-savoir-plus > span:not(.ico) { position: relative; z-index: 0; } span.en-savoir-plus > span:not(.ico):after { display: block; content: ""; position: absolute; width: 0; transition: width .8s; height: 8px; background-color: #FFCD29; bottom: 0; left: 0; z-index: -1; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; position: relative; } .nav li { position: relative; } .nav li a { position: relative; color: #1E1E1E; } .nav ul[data-level="4"], .nav ul[data-level="5"] { display: none !important; } nav.prevnext { display: flex; position: absolute; right: 0; bottom: 0; } nav.prevnext a { color: #FFF !important; background-color: #1E1E1E; border-radius: 6px; padding: 6px; padding: 10px 14px; font-size: 1.2em; opacity: 1 !important; } nav.prevnext a > span.ico:before { top: 1px; } .ariane { display: flex; align-items: center; -webkit-column-gap: 12px; column-gap: 12px; } .ariane:not(.displayed) { display: none !important; } .ariane > a, .ariane > span { font-size: .92em; } .ariane > a { color: #007a87; } .ariane > span { color: #919191; } .ariane span.ico { color: #007a87; } .footer-contact a span.ico { text-shadow: none; } .shortcuts-box { display: flex; -webkit-column-gap: 15px; column-gap: 15px; position: relative; } .shortcuts-box > a { color: #222; display: flex; justify-content: center; flex-direction: column; transition: opacity .3s; text-align: center; border-radius: 8px; transition: border-radius 0.2s; } .shortcuts-box > a.box-shown { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .shortcuts-box > a:not(.nouveaute-icon) { background-color: #E8F1F1; color: #1E1E1E; } .shortcuts-box > a.nouveaute-icon { background-color: #CF0441; color: #FFF; } .shortcuts-box > a.search-icon { background-color: transparent; } .shortcuts-box > a.search-icon.box-shown { background-color: #d2d2d2 !important; } #nouveautes-box { background-color: #CF0441; border-radius: 6px; z-index: 1; } #nouveautes-box p { margin-bottom: 0; } #nouveautes-box > div { background-color: #FFCD29; } #nouveautes-box > div > p { color: #121212; line-height: 1.6; } #nouveautes-box > div > a { padding: 10px 12px 6px 0; font-size: 1em; line-height: 1; } #search-box { position: absolute; background-color: #d2d2d2; border-radius: 6px; display: none; } #search-box form .btn > span.ico:before { top: 1px; } .mot-directrice { margin: 20px 0; } .mot-directrice blockquote { margin: 0; } .contacts-asfored h3 { margin-top: 20px; margin-bottom: 5px; color: #222 !important; } aside.navigate:empty { display: none; } aside.navigate > div { background-color: #f4f8f8; padding: 40px 50px; -webkit-clip-path: polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 0%, 100% 100%, 50px 100%, 0% calc(100% - 50px)); clip-path: polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 0%, 100% 100%, 50px 100%, 0% calc(100% - 50px)); } aside.navigate > div > p { font-weight: 700; font-size: 1.5em; } aside.navigate > div > div { font-weight: 500; font-size: 1.2em; } aside.navigate > div > div p { margin-bottom: 0; } aside.navigate nav { margin-top: 20px; display: flex; flex-direction: column; } aside.navigate nav > a { font-weight: 500; color: #121212; padding: 20px 0; display: flex; justify-content: space-between; border-top: 1px dashed #909090; font-weight: 700; } aside.navigate nav > a:last-child { border-bottom: 1px dashed #909090; } .paroles-alumni { background-color: #EEE; padding: 20px; margin-top: 20px; } .paroles-alumni h3 { color: #1E1E1E !important; } .paroles-alumni h4 { font-style: italic; margin-bottom: 6px; } .paroles-alumni figure > img { max-height: 500px !important; } body.page.reseau-ad article .englobe figure img, .layer[data-point='reseau-ad'] article .englobe figure img { max-width: 200px; max-height: 100px; } body.page.reseau-ad article .englobe + .englobe, .layer[data-point='reseau-ad'] article .englobe + .englobe { margin-top: 20px; } .carousel { margin-left: -15px; margin-right: -15px; } .carousel-display { display: flex; flex-wrap: wrap; position: relative; } .carousel-display aside p { margin: 0; } .carousel-display aside p.title { font-weight: 600; margin-bottom: 10px; } .carousel-display aside p.title span, .carousel-display aside p.title small { background-color: #E8F1F1; } .carousel-display aside p.title small { font-size: 50%; font-weight: 500; } .carousel-display aside .content { padding: 10px; background-color: #E8F1F1; } .carousel-display aside .content p { font-size: 1.1em; font-weight: 500; } .carousel-display .visuel { overflow: hidden; } .carousel-display .visuel img { height: 100%; } .homeintro { margin-left: -15px; margin-right: -15px; background-color: #e8f1f1; padding-bottom: 30px; } .homeintro p.title { font-size: 2em; font-weight: 700; } .homeintro .vous-etes { padding-top: 30px; padding-bottom: 30px; } .homeintro .vous-etes > p { padding-left: 40px; } .homeintro .vous-etes .boxes > a { display: flex; background-color: #FFF; padding: 10px 14px; align-items: center; color: #1E1E1E; } .homeintro .vous-etes .boxes > a img { -o-object-fit: contain; object-fit: contain; } .homeintro .vous-etes .boxes > a p { text-align: center; font-size: .9em; margin-bottom: 0; } .homeintro .vous-etes .boxes > a p.title { font-size: 1.2em; } .homeintro .vous-etes .boxes > a p.content { margin: 12px 0 14px 0; } .homeintro .vous-etes .boxes > a:hover, .homeintro .vous-etes .boxes > a:focus { color: #1E1E1E; opacity: 1; } .homeintro .offre { display: flex; } .homeintro .offre > div p.content { font-size: 1.2em; margin: 20px 0 20px 0; } .homeintro .confiance { background-color: #FFF; } .homeintro .confiance p.content { font-weight: 500; } .homeintro .confiance .intro { padding: 0 40px; } .homeintro .confiance .numbers-carousel { display: flex; } .homeintro .confiance .numbers-carousel > div { padding: 0 20px; } .homeintro .confiance .numbers-carousel p { text-align: center; margin-bottom: 0; } .homeintro .confiance .numbers-carousel p.plusde { font-size: 1.1em; font-weight: 500; } .homeintro .confiance .numbers-carousel p.number { font-size: 3em; font-weight: 700; } .homeintro .actus { padding-top: 40px; padding-bottom: 30px; position: relative; background-color: #FFF; } .homeintro .actus nav { padding-top: 5px; padding-right: 20px; } .homeintro .actus > p { text-align: center; margin-bottom: 20px; } .homeintro .actus > p.title { font-size: 2em; font-weight: 700; } .homeintro .actus .slider { margin-top: 50px; margin-bottom: 30px; overflow: hidden; } .homeintro .actus .slider figure > img { max-width: 100%; height: 170px; margin-top: -6px; max-width: initial; max-height: 100%; padding-top: 14px; -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } .homeintro .actus .slider > div { display: flex; margin-left: 0; transition: margin-left 0.5s; } .homeintro .actus .slider > div > a { display: flex; flex-direction: column; color: #121212; } .homeintro .actus .slider > div > a:hover, .homeintro .actus .slider > div > a:focus { color: #1E1E1E; } .homeintro .actus .slider p { font-size: 1em; margin-bottom: 0; } .homeintro .actus .slider p.title { font-size: 1.1em; margin-left: 20px; font-weight: 600; z-index: 11; } .homeintro .actus .slider p.title span { background-color: #e8f1f1; } .homeintro .actus .slider p.content { margin: 12px 20px; } body.formations > main > .container > article { background-color: #e8f1f1; } .formations-header { background-color: #FFF; background-image: url("../images/visuels/quadrillage.png"); background-repeat: repeat-y; background-size: contain; } .formations-header h1, .formations-header p { background-color: #e8f1f1; } .formations-header h1 { font-weight: 600; margin-bottom: 10px; display: inline-block; } .formations-header > div > div p { font-weight: 500; background-color: #e8f1f1; } .formations-filters { -webkit-user-select: none; user-select: none; } .formations-filters form > div { display: flex; justify-content: space-between; flex-wrap: wrap; -webkit-column-gap: 10px; column-gap: 10px; } .formations-filters .filter { position: relative; } .formations-filters .filter > a { display: flex; -webkit-column-gap: 10px; column-gap: 10px; font-weight: 500; height: 38px; align-items: center; } .formations-filters .filter > a > span.ico { margin-left: 6px; } .formations-filters .filter > a > span.ico:before { top: 2px; } .formations-filters .filter.f-search { flex-grow: 1; } .formations-filters .filter.f-search > div { display: flex; align-items: center; position: relative; border-radius: 6px; height: 38px; overflow: hidden; background: #FFF; } .formations-filters .filter.f-search > div .ico-search { font-size: 1.2em; padding: 6px 12px; } .formations-filters .filter.f-search > div input { flex-grow: 1; border: 0 none; line-height: 1; padding: 6px 0; } .formations-filters .filter.f-search > div input:focus { box-shadow: none; } .formations-filters .filter.f-search > div .btn { background-color: #2BDD9F; } .formations-filters .filter.f-search > div .btn .ico { font-size: 1.2em; } .formations-filters .filter.f-search > div .btn .ico:before { top: 2px; } .formations-filters .filter.f-search > div .btn:hover, .formations-filters .filter.f-search > div .btn:focus { opacity: .8; } .formations-filters .filter:not(.f-search) > div { border: 2px solid #2BDD9F; display: flex; flex-direction: column; border-radius: 6px; border-top-left-radius: 0; padding: 8px 14px; background: #FFF; max-height: 160px; overflow-x: hidden; overflow-y: auto; } .formations-filters .filter:not(.f-search) > div .form-field { width: 100%; } .formations-filters .filter:not(.f-search) > div .form-field > label { display: none; } .formations-filters .filter:not(.f-search) > div .form-field .field { width: 100%; } .formations-filters .filter:not(.f-search) > div .form-field input { width: 100%; max-width: initial; } .formations-filters .filter:not(.f-search) > div > p { margin-bottom: 0; } .formations-filters .filter:not(.f-search) > div > a { color: #121212; padding: 4px 6px; margin: 4px 0; border-bottom: 1px dashed #2BDD9F; } .formations-filters .filter:not(.f-search) > div > a.selected { font-weight: 700; } .formations-filters .filter.active > a { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .formations-filters .filter:not(.active):not(.f-search) > div { display: none; } .formations-list > a { display: flex; color: #1E1E1E; } .formations-list > a > figure > img { -o-object-fit: cover; object-fit: cover; min-width: 100%; min-height: 100%; height: 100%; } .formations-list > a > div { display: flex; flex-direction: column; } .formations-list > a .infos { display: flex; flex-wrap: wrap; color: #919191; } .formations-list > a .infos > div { display: flex; -webkit-column-gap: 8px; column-gap: 8px; align-items: center; } .formations-list > a .infos > div > span.ico.ico-tag:before { top: 2px; } .formations-list > a .infos > div > span.ico.ico-hourglass-half:before { top: 1px; } .formations-list > a .infos > div > span.ico.ico-pin:before { top: 1px; } .formations-list > a .contents { background-color: #FFF; } .formations-list > a .contents p { margin-bottom: 0; } .formations-list > a .contents p.title { font-weight: 700; font-size: 1.2em; } .formations-list > a .contents .intro { margin: 10px 0; } .formations-list > a:hover, .formations-list > a:focus { color: #1E1E1E; } .catalogue-downloader p { margin-bottom: 0; } .catalogue-downloader p + p { margin-top: 8px; } .catalogue-downloader p.puce { display: flex; } .catalogue-downloader p.puce > span.ico { margin-right: 10px; } .catalogue-downloader p.puce > span.ico:before { font-size: .85em; color: #007a87; top: 0; } .catalogue-downloader article > div h2 { margin-bottom: 0; } .catalogue-downloader article > div > div { background-color: #FFF; } .catalogue-downloader article > div[data-box='essentiels'] h2 { background-color: #ff9fbc; } .catalogue-downloader article > div[data-box='titres'] h2 { background-color: #ffcd29; } .catalogue-downloader article > div[data-box='parcours'] h2 { background-color: #ff8c08; } .catalogue-downloader article > div[data-box='modules'] h2 { background-color: #bbb0ec; } .formations-container { margin-top: 10px; } .formations-container > a { position: relative; display: block; border-top: 1px solid #007a87; cursor: pointer; overflow: hidden; height: 200px; margin-top: 14px; -webkit-user-select: none; user-select: none; } .formations-container > a figure { margin-bottom: 0; height: 100%; } .formations-container > a figure img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .formations-container > a .noimg { height: 100%; display: flex; flex-direction: column; justify-content: center; text-align: center; padding-bottom: 55px; background-color: #007a87; } .formations-container > a .noimg span.ico { font-size: 4em; } .formations-container > a .boxf { display: flex; align-items: center; position: absolute; height: 62px; overflow: hidden; left: 0; right: 0; bottom: 0; padding: 10px 12px; background-color: rgba(0, 122, 135, 0.7); } .formations-container > a .boxf span.ico { font-size: 2em; margin-right: 10px; } .formations-container > a .boxf span:not(.ico) { font-size: 1em; font-weight: 700; color: #FFF; text-align: left; } .formations-container > a:hover, .formations-container > a:focus { opacity: .9; } .formations-container > a span.ico { color: #FFF; } .formations-container > a span.ico.ico-certifiant, .formations-container > a span.ico.ico-elearning { color: #fecb00; } body.formations:not(.formation) > main > .container { background-color: #e8f1f1; } body.formations:not(.formation) .pager a.active, body.formations:not(.formation) .pager a.active:hover, body.formations:not(.formation) .pager a.active:focus { color: #1E1E1E; background-color: #FFCD29; border-color: #FFCD29; } .formation-item p.puce { display: flex; } .formation-item p.puce > span.ico { margin-right: 10px; } .formation-item p.puce > span.ico:before { font-size: .85em; color: #007a87; top: 0; } .formation-item p.module { display: flex; -webkit-column-gap: 8px; column-gap: 8px; } .formation-item > header { color: #1E1E1E; } .formation-item > header > figure > img { -o-object-fit: cover; object-fit: cover; min-width: 100%; min-height: 100%; height: 100%; } .formation-item > header > div:not(.criteres) { display: flex; flex-direction: column; } .formation-item > header .infos { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; -webkit-column-gap: 20px; column-gap: 20px; color: #919191; } .formation-item > header .infos > div { display: flex; flex-wrap: wrap; align-items: center; } .formation-item > header .infos > div > span { padding: 2px 6px; } .formation-item > header .infos > div > span.nouveau { background-color: #cf0441; color: #FFF; text-transform: uppercase; font-size: .85em; } .formation-item > header .infos > div > span.parcours { color: #919191; } .formation-item > header .infos > span > a > span.ico:before { top: 2px; } .formation-item > header .contents { background-color: #FFF; } .formation-item > header .contents p { margin-bottom: 0; } .formation-item > header .contents h1 { color: #121212; margin: 0 0 10px 0; } .formation-item > header .contents .intro { font-weight: 500; } .formation-item > header .criteres { flex: 0 0 100%; display: flex; background-color: #F4F8F8; } .formation-item > header .criteres > div p { margin-bottom: 0; } .formation-item > header .criteres > div p + p { margin-top: 8px; } .formation-item > header .criteres > div > p.title { font-weight: 700; text-transform: uppercase; margin-bottom: 10px; } .formation-item > header .criteres > div > p.title > span.ico { color: #007583; margin-right: 5px; width: 16px; display: inline-block; } .formation-item > header .criteres > div > p.title > span.ico:before { top: 1px; } .formation-item > header .criteres > div > p:not(.title) { padding-left: 20px; } .formation-item > header .criteres > div > p.anpe { font-size: .85em; } .formation-item > header .criteres > div > p.anpe > a { font-weight: 600; color: #1E1E1E; } .formation-item > header .criteres > div > p.anpe > a:hover, .formation-item > header .criteres > div > p.anpe > a:focus { color: #1E1E1E; } .formation-item > header .criteres > div[data-box='sessions'] > div p.puce { font-size: .9em; } .formation-item > header .criteres > div[data-box='sessions'] > div p.sitename { font-weight: 600; } .formation-item > header .criteres > div[data-box='sessions'] a.voirplus { color: #919191; font-size: .9em; } .formation-item > header .criteres > div[data-box='sessions'] a.voirplus > span.ico { margin-right: 5px; color: #121212; } .formation-item > header .criteres > div[data-box='sessions'] a.voirplus > span.ico:before { font-size: .7em; top: 0; } .formation-item > header .criteres > div[data-box='sessions']:not(.full) p:not(.sitename):nth-child(n+3) { display: none; } .formation-item > header .criteres > div[data-box='sessions'].full a.voirplus { display: none; } .formation-item > header .criteres > div[data-box='actions'] { display: flex; flex-direction: column; } .formation-item > header .criteres > div[data-box='actions'] > a { text-align: left; display: flex; justify-content: space-between; } .formation-item > header .criteres > div[data-box='actions'] > a + a { margin-top: 8px; } .formation-item article p { margin-bottom: 0; } .formation-item article p + p { margin-top: 8px; } .formation-item article > div h2 { margin-bottom: 0; } .formation-item article > div > div { background-color: #FFF; } .formation-item article > div > div h3 { margin-top: 0; font-size: 1em; text-transform: uppercase; border-bottom: 1px solid #e8f1f1; } .formation-item article > div > div ol { margin-top: 0; margin-bottom: 0; padding-left: 20px; } .formation-item article > div > div ol > li::marker { color: #007a87; font-weight: 600; } .formation-item article > div > div p + h3, .formation-item article > div > div ol + h3 { margin-top: 26px; } .formation-item article > div[data-box='competences'] h2 { background-color: #ff9fbc; } .formation-item article > div[data-box='profil'] h2 { background-color: #ffcd29; } .formation-item article > div[data-box='pedagogie'] h2 { background-color: #ff8c08; } .formation-item article > div[data-box='programme'] h2 { background-color: #bbb0ec; } .formation-item article > div[data-box='composition'] h2 { background-color: #bbb0ec; } .formation-item article > div[data-box='modules'] h2 { background-color: #bbb0ec; } .formation-item > footer { background-color: #FFF; padding: 40px; } .formation-item > footer .formations-container { justify-content: center; } .formation-item > footer .formations-container > a { width: 200px; height: 150px; border-top: 0 none; } .formation-item > footer > div { margin-left: auto; margin-right: auto; text-align: center; } .formation-item > footer > div + div { margin-top: 40px; } .formation-item > footer > div[data-box='parcours'] { max-width: 800px; } .formation-item > footer > div[data-box='conseils'] { max-width: 800px; } .formation-item > footer > div[data-box='more'] { max-width: 500px; } .formation-item > footer > div[data-box='more'] + div { margin-top: 20px; } .formation-item > footer > div[data-box='more'] > div { max-width: 240px; margin-left: auto; margin-right: auto; } .formation-item > footer > div[data-box='avis'] { max-width: 500px; -webkit-user-select: none; user-select: none; margin-top: 20px; margin-bottom: 20px; } .formation-item > footer > div[data-box='avis'] + div { margin-top: 20px; } .formation-item > footer > div[data-box='avis'] > p { font-weight: 600; } body.headlines > main > .container > article ul li a { line-height: 1.6em; } body.headlines > main > .container > article figure { margin-bottom: 20px; overflow: hidden; background: #EEE; } body.headlines > main > .container > article figure:empty { display: none; } body.headlines > main > .container > article figure img { max-width: 100%; max-height: 100%; -o-object-fit: cover; object-fit: cover; } body.headlines > main > .container > article section h2 { font-weight: 600; margin-top: 5px; margin-bottom: 5px; text-align: center; padding-left: 6px; padding-right: 6px; font-size: 1.2em; text-transform: uppercase; } body.headlines > main > .container > article section p { margin-top: 5px; margin-bottom: 5px; } body.headlines > main > .container > article section > div > a { background: #FFF; border: 1px solid #EEE; padding: 0; margin-bottom: 14px; } body.headlines > main > .container > article section > div > a > p { text-align: center; padding-left: 6px; padding-right: 6px; } body.headline main > .container > article figure { margin-bottom: 30px; } .modalizer .layer[data-type='headline'] .details { display: flex; flex-direction: column; text-align: right; padding: 20px; } .modalizer .layer[data-type='headline'] .details p { margin-bottom: 0; color: #FFF; } .modalizer .layer[data-type='headline'] .details p.title { font-weight: 700; } .modalizer .layer[data-type='headline'] .visuel { background-color: #777777; } .modalizer .layer[data-type='headline'] .visuel figure { margin-bottom: 0; } .modalizer .layer[data-type='headline'] .description { background-color: #FFF; padding: 20px 30px; } .modalizer .layer[data-type='headline'] .description .jizy-player:not(.allowed) { width: auto; height: auto; } .glyphicons-download:before { content: "\E201"; } .glyphicons-download-alt:before { content: "\E182"; } .glyphicons-refresh:before { content: "\E082"; } .glyphicons-search:before { content: "\E028"; } .glyphicons-remove:before { content: "\E208"; } .glyphicons-bell:before { content: "\E334"; } .glyphicons-chevron-left:before { content: "\E225"; } .glyphicons-chevron-right:before { content: "\E224"; } .glyphicons-plus:before { content: "\E433"; } .glyphicons-minus:before { content: "\E434"; } .glyphicons-ok:before { content: "\E207"; } .glyphicons-edit:before { content: "\E151"; } .glyphicons-eye-open:before { content: "\E052"; } .glyphicons-print:before { content: "\E016"; } .glyphicons-cloud-download:before { content: "\E365"; } .halflings-triangle-left:before { content: "\E251"; } .halflings-triangle-bottom:before { content: "\E252"; } .halflings-user:before { content: "\E008"; } .halflings-play:before { content: "\E072"; }
@media(max-width: 767px){ body.noscroll { overflow-y: hidden; } .hidden-xs { display: none !important; } figure.inline > img + img { margin-top: 20px; } figure.inline > a + a { margin-top: 20px; } figure.pull-right, figure.pull-left { float: none !important; margin-top: 10px; margin-bottom: 10px; } figure.pull-right img, figure.pull-left img { height: auto !important; } .app-messages { margin: 10px 3px; font-size: 1.1em; } .alert { padding-top: 6px; padding-bottom: 6px; } .modalizer .closer { right: 5px; top: 5px; } .modalizer header { padding-top: 8px; padding-bottom: 8px; } .modalizer footer { padding-top: 8px; padding-bottom: 8px; } .modalizer .layer { width: 100vw; min-height: 100vh; } .search-filters { flex-direction: column; margin-bottom: 30px; } .search-filters .filter { margin-bottom: 10px; } .search-filters .filter > a { padding-top: 4px; padding-bottom: 5px; padding-right: 15px; padding-left: 9px; } .search-filters .filter > a > span { font-size: .9em; top: 8px; right: 9px; } .search-filters .filter > div .form-field { margin-bottom: 0; } .bandeau-infos { padding: 20px 10px 10px 10px; } .bandeau-infos p { font-size: 1.3em; line-height: 1.2; } .bandeau-infos p.h1 { font-size: 1.4em !important; line-height: 1.1; } #cookyModal #cooky-services .L3 { text-align: center; } #cookyModal .c-buttons .btn { padding: 4px 8px; font-size: .95em; } #cooky .btn { flex: 43%; padding: 4px 8px; font-size: 1em !important; } .btn-group { flex-direction: column; } .matomo-opt-out iframe { height: 101px; } .table-responsive { width: 100%; margin-bottom: 8px; overflow-y: hidden; border: 1px solid #FFF; } .table-responsive table { margin-bottom: 0; } .table-responsive table th, .table-responsive table td { white-space: nowrap; } .table-responsive table.table-bordered { border: 0; } .table-responsive table.table-bordered th:first-child, .table-responsive table.table-bordered td:first-child { border-left: 0; } .table-responsive table.table-bordered th:last-child, .table-responsive table.table-bordered td:last-child { border-right: 0; } .table-responsive table.table-bordered tbody tr:last-child th, .table-responsive table.table-bordered tfoot tr:last-child th, .table-responsive table.table-bordered tbody tr:last-child td, .table-responsive table.table-bordered tfoot tr:last-child td { border-bottom: 0; } .footer-contact a { display: block; padding: 10px 0; } .join-us hr { display: none !important; } .join-us > span { display: none !important; } .foot-line { flex-direction: column; text-align: center; } .foot-line > div { margin-top: 6px; margin-bottom: 6px; } .foot-line .copyright { order: 3; } .foot-line .menu { order: 1; margin-bottom: 20px; } .footer-menu { margin-top: 30px; } .footer-menu > div + div { margin-top: 10px; } .footer-menu p.h { font-size: 1.2em; } .footer-menu p.i { font-size: 1em; } .footer-menu nav { flex-direction: column; row-gap: 10px; } span.nolink { padding-left: 10px; } .nav:first-of-type { padding-top: 15px; } .nav:last-of-type { padding-bottom: 15px; } .nav ul { list-style: none; padding-left: 20px; } .nav li { margin-bottom: 4px; } .nav li + li { margin-top: 4px; } .nav li a { display: block; color: #222; } .nav li a:hover, .nav li a:focus { color: #777; } .nav li.active > a, .nav li.active > a:hover, .nav li.active > a:focus { font-weight: 700 !important; } .nav li.mm { margin-bottom: 10px; } .nav + .nav { margin-top: 10px; padding-top: 10px; border-top: 2px solid rgba(207, 5, 64, 0.6); } body { padding-top: 52px; background-color: #FFF; } body > header { height: 52px; } body > header .bar { height: 50px; } body > header nav { flex: 100%; min-height: 50px; max-height: calc(100vh - 52px - 2px); background-color: #FFF; margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; display: none; overflow: auto; } body > footer { text-align: center; } body > footer .subscribe { padding: 14px 16px; background-color: #222; margin-top: 30px; } .modalizer .headline-asfored .visuel figure > img { max-height: 300px; } .intervenants-box > a { flex: 0 1 48%; height: 160px; } .intervenants-box > a > div { padding: 5px 12px; } .intervenants-box > a > div span.ico { font-size: 1.8em; } .intervenants-box > a > div span:not(.ico) { font-size: .9em; } .modalizer .layer.layer-intervenant[data-point='etl'] .intervenant .t { flex-direction: column; } .modalizer .layer.layer-intervenant[data-point='etl'] .intervenant .details { margin: 20px; text-align: center; } .modalizer .layer.layer-intervenant[data-point='etl'] .intervenant .picture figure > img { max-height: 300px; } .modalizer .layer.layer-intervenant[data-point='edinovo'] .intervenant h1 span.ico { margin-top: 3px; } .modalizer .layer.layer-intervenant[data-point='lde'] .intervenant h1 span.ico { margin-top: 3px; } .home-boxes a { min-height: 200px; } body > header .bar .main-logo { order: 2; } body > header .bar .shortcuts-box { order: 3; } body > header .bar .nav-toggler { order: 1; } body > header .bar nav { order: 4; } body > main > .container > article { padding: 20px; } body > main aside.navigate { margin-top: 40px; margin-left: -20px; margin-right: -20px; } body > footer .footline { padding-bottom: 50px; } body > footer .subscribe > div + div { margin-top: 20px; border-top: 1px solid #FFF; } .nav-toggler { display: flex; align-items: center; -webkit-column-gap: 10px; column-gap: 10px; position: relative; cursor: pointer; background: #FFF; -webkit-user-select: none; user-select: none; border: 0 none; } .nav-toggler > span { font-weight: 600; font-size: .95em; } .nav-toggler .bars { display: flex; flex-direction: column; } .nav-toggler .bars > span { width: 18px; height: 3px; background-color: #1E1E1E; } .nav-toggler .bars > span + span { margin-top: 4px; } .nav-toggler:hover, .nav-toggler:focus { opacity: .8; } .main-logo { flex-grow: 1; height: 52px; padding: 11px 0; } .main-logo > img { margin-left: auto; margin-right: auto; } .nav li a.active, .nav li a.active:hover, .nav li a.active:focus { font-weight: 700; } .nav > li.mm > a { font-weight: 600; margin-bottom: 10px; } .nav > li.mm > ul > li.mm > a:not(.hidden) { font-weight: 600; margin-top: -4px; margin-bottom: 10px; } .nav > li.mm > ul > li.mm > a.hidden + ul { padding-left: 0; } nav.prevnext { -webkit-column-gap: 10px; column-gap: 10px; } nav.prevnext a { padding: 8px 12px; } .pager { margin-top: 10px; margin-bottom: 10px; } .pager a { padding: 6px 10px; font-size: 1em; } .ariane { padding-top: 14px; padding-bottom: 14px; } .ariane span.ico:before { top: 2px; } .ariane > a:not(.keep):not(.back), .ariane > span:not(.keep):not(.back) { display: none !important; } .ariane a.keep { color: #121212; font-weight: 600; } .shortcuts-box { -webkit-column-gap: 10px; column-gap: 10px; } .shortcuts-box > a { width: 34px; height: 34px; } .shortcuts-box > a.outside-links { display: none; } .shortcuts-box > a.nouveaute-icon { position: fixed; bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; width: auto; right: 5px; flex-direction: row; -webkit-column-gap: 10px; column-gap: 10px; align-items: center; font-size: 1.1em; opacity: 1 !important; padding: 8px 17px; height: auto; overflow: hidden; transition: bottom .4s; } .shortcuts-box > a.nouveaute-icon.box-shown { bottom: 150px; } #search-box { top: 34px; right: 0; padding: 10px; } #nouveautes-box { position: fixed; top: calc(100vh - 150px); bottom: 0; right: 5px; left: 5px; width: auto; height: 150px; transition: height, top .4s; } #nouveautes-box:not(.box-shown) { height: 0 !important; top: 100vh; } #nouveautes-box > p { display: none; } #nouveautes-box > div { border-top-left-radius: 8px; padding: 14px 20px 10px 20px; } #nouveautes-box > div > p { font-size: 1em; } .submenu-container { display: none !important; } .bandeau-infos { padding: 14px 10px 6px 10px !important; } .mobile-asfo-links { display: flex; -webkit-column-gap: 15px; column-gap: 15px; justify-content: center; position: relative; margin: 10px auto; } .mobile-asfo-links > a { background-color: #E8F1F1; color: #1E1E1E; border-radius: 8px; padding: 10px 14px; font-weight: 600; } .carousel-display { height: 500px; padding: 0; } .carousel-display aside { order: 2; margin-top: -40px; margin-left: 20px; margin-right: 20px; } .carousel-display aside p.title { font-size: 1.7em; } .carousel-display aside p.title > br, .carousel-display aside p.title > small { display: none; } .carousel-display aside p.more { margin-top: 10px; } .carousel-display .visuel { order: 1; } .carousel-display .visuel img { max-height: 200px; height: 100%; } .carousel-display nav { order: 3; padding-right: 15px; bottom: 30px; } .homeintro .vous-etes > p.title { text-align: center; } .homeintro .vous-etes .boxes { margin-top: 20px; } .homeintro .vous-etes .boxes > a { align-items: center; -webkit-column-gap: 17px; column-gap: 17px; } .homeintro .vous-etes .boxes > a img { width: 75px; } .homeintro .vous-etes .boxes > a p.title { flex-grow: 1; text-align: left; } .homeintro .vous-etes .boxes > a p.content { display: none; } .homeintro .vous-etes .boxes > a span.en-savoir-plus > span:not(.ico) { display: none; } .homeintro .offre { flex-direction: column; padding: 0 30px; text-align: center; } .homeintro .offre figure { order: 2; } .homeintro .offre > div { order: 1; } .homeintro .offre > div p.links a + a { margin-top: 10px; } .homeintro .confiance { padding: 20px 0; } .homeintro .confiance p { text-align: center; } .homeintro .confiance p.content { font-size: 1.1em; } .homeintro .confiance .numbers-carousel { max-width: 100%; overflow: hidden; flex-direction: column; } .homeintro .confiance .numbers-carousel > div { border-top: 1px dashed #E8F1F1; padding-top: 20px; margin-top: 20px; } .homeintro .actus { margin-top: 30px; } .homeintro .actus nav { height: 45px; right: 20px; bottom: 40px; } .homeintro .actus .slider p.title { margin-top: -10px !important; } .homeintro .actus .slider > div > a { flex: 0 0 100vw; } .formations-header { text-align: center; padding-bottom: 20px; } .formations-header h1 { padding: 3px 10px; margin-top: -20px; font-size: 2em; line-height: 1; } .formations-header > div > div p { padding: 6px 10px; font-size: 1.1em; line-height: 1.5em; } .formations-filters { margin-bottom: 40px; } .formations-filters > .btn { margin-left: auto; margin-right: auto; display: flex; align-items: center; } .formations-filters > .btn > span.ico { margin-right: 10px; font-size: 1.8em; } .formations-filters > .btn > span:not(.ico) { font-size: 1.2em; } .formations-filters > form { display: none; margin-top: 20px; } .formations-filters .filter { width: 100%; } .formations-filters .filter + .filter { margin-top: 10px; } .formations-filters .filter a { justify-content: space-between; } .formations-list > a + a { margin-top: 30px; } .formations-list > a > figure { flex: 0 0 130px; max-height: 110px; } .formations-list > a .infos { flex-direction: column; padding: 6px 8px; font-size: .8em; } .formations-list > a .infos > div + div { margin-top: 6px; padding-top: 6px; border-top: 1px solid #dad7d3; } .formations-list > a .contents { padding: 14px 22px; margin-left: -130px; width: calc(100vw - 75px); } .formations-list > a .contents p { margin-bottom: 0; } .formations-list > a .contents p.title { font-size: 1.1em; } .formations-list > a .contents .intro { margin: 10px 0; } .formations-list > a .contents .en-savoir-plus { font-size: .9em; } .catalogue-downloader { margin-left: -15px; margin-right: -15px; } .catalogue-downloader article > div { margin-top: 30px; margin-bottom: 30px; } .catalogue-downloader article > div h2 { padding: 12px 20px; font-size: 1.1em; } .catalogue-downloader article > div > div { padding: 20px; background-color: #FFF; } .catalogue-downloader article > div > div h3 { margin-bottom: 10px; padding-bottom: 4px; } .formation-item { margin-left: -15px; margin-right: -15px; } .formation-item p.puce > span.ico { margin-right: 10px; } .formation-item > header { flex-direction: column; } .formation-item > header > figure { max-width: 65vw; margin-left: auto; margin-right: auto; z-index: 1; } .formation-item > header > div:not(.criteres) { margin-top: -40px; padding-top: 60px; background-color: #FFF; } .formation-item > header .infos { padding: 6px 6px 6px 20px; } .formation-item > header .infos > div { -webkit-column-gap: 10px; column-gap: 10px; } .formation-item > header .infos a > span:not(.ico) { display: none; } .formation-item > header .infos a > span.ico { margin-left: 10px; } .formation-item > header .contents { padding-left: 20px; padding-right: 20px; } .formation-item > header .contents p { margin-bottom: 0; } .formation-item > header .contents h1 { font-size: 1.3em; line-height: 1.2; } .formation-item > header .contents .intro { margin: 10px 0; } .formation-item > header .criteres { flex-direction: column; padding-top: 10px; } .formation-item > header .criteres > div { margin-top: 16px; padding-left: 20px; } .formation-item > header .criteres > div + div { border-top: 1px solid #dad7d3; padding-top: 16px; } .formation-item > header .criteres > div p { padding-right: 16px; } .formation-item > header .criteres > div p.title { margin-bottom: 10px; } .formation-item > header .criteres > div > div p.puce { padding-left: 20px !important; } .formation-item > header .criteres > div[data-box='actions'] { padding-bottom: 16px; } .formation-item > header .criteres > div[data-box='actions'] > .btn { border-top-right-radius: 0; border-top-left-radius: 0; } .formation-item > header .criteres > div[data-box='actions'] > .btn + .btn { margin-top: 14px; } .formation-item article > div { margin-top: 30px; margin-bottom: 30px; } .formation-item article > div h2 { padding: 12px 20px; font-size: 1.1em; } .formation-item article > div > div { padding: 20px; background-color: #FFF; } .formation-item article > div > div h3 { margin-bottom: 10px; padding-bottom: 4px; } body.headlines > main > .container > article section > div > a { display: block; } body.headlines > main > .container > article section > div > a + a { margin-top: 14px; } }
@media(min-width: 768px){ .visible-xs { display: none !important; } .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } figure.inline { display: flex; flex-wrap: wrap; justify-content: space-evenly; } figure.inline > img { margin-left: 0; margin-right: 0; max-width: 32%; } figure.inline > img + img { margin-left: 2%; } figure.inline > a { margin-left: 0; margin-right: 0; max-width: 32%; } figure.inline > a + a { margin-left: 2%; } figure.pull-left, figure.pull-right { margin-top: 4px; margin-bottom: 6px; } figure.pull-left { margin-right: 20px; margin-left: initial; } figure.pull-right { margin-left: 20px; margin-right: initial; } .app-messages { margin: 24px 6px; font-size: 1.2em; } .alert { padding-top: 10px; padding-bottom: 10px; border-radius: 3px; } .modalizer { padding-left: 17px; padding-right: 17px; } .modalizer.middle { display: flex; flex-direction: column; align-items: center; justify-content: center; } .modalizer .closer { top: 8px; right: 5px; margin-left: 0; background-color: #FFF; z-index: 10500; } .modalizer footer { padding-top: 14px; padding-bottom: 14px; } .modalizer .layer { margin-top: 30px; margin-bottom: 30px; border-radius: 4px; } .modalizer .layer.in, .modalizer .layer.back-in { width: 700px; } .modalizer .layer-sm.in, .modalizer .layer-sm.back-in { width: 350px; } .modalizer .layer-lg.in, .modalizer .layer-lg.back-in { width: calc(100vw - 50px); } .modalizer .layer-form.in, .modalizer .layer-form.back-in { max-width: 500px; } #browser { padding: 40px; } #browser > div { min-height: calc(100vh - 80px); } #browser .browsercheck-logo { height: 300px; } .search-filters { margin-bottom: 60px; } .search-filters .filter { position: relative; } .search-filters .filter > a { padding-top: 10px; padding-right: 24px; padding-bottom: 10px; padding-left: 14px; } .search-filters .filter > a > span { top: 14px; right: 14px; } .search-filters .filter > div { width: 100%; position: absolute; z-index: 10; } .search-filters .filter > div .form-field { width: 100%; } .search-results { min-height: 200px; } .search-results .result { display: flex; justify-content: space-between; } .search-results.click .result { cursor: pointer; } .search-results.hover .result:hover, .search-results.hover .result:focus { background: rgba(0, 0, 0, 0.2); } .bandeau-infos { padding: 30px 20px 20px 20px; } .bandeau-infos p { font-size: 1.4em; line-height: 1.1; } .bandeau-infos p.h1 { font-size: 1.8em !important; line-height: 1.2; margin-bottom: 20px; } #cookyModal .cm-inner { width: calc(100vw - 80px); min-width: 320px; max-width: 1200px; margin: 30px auto; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.2); } #cookyModal .cm-inner section { padding-left: 40px; padding-right: 40px; } #cookyModal p.disclaimer { width: 73%; -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 40px; column-gap: 40px; } #cookyModal .cooky-d { font-size: 1.3em; } #cooky p { padding-left: 40px; padding-right: 40px; } .btn-group .btn { flex: 30%; } form:not(.vertical) .form-field.form-buttons { padding-left: 150px; } .form-field[data-id='zipcode'] input[name$='[zipcode]'], .form-field[data-id='_zipcode'] input[name$='[zipcode]'], .form-field[data-id='zipcode'] input[name$='_zipcode]'], .form-field[data-id='_zipcode'] input[name$='_zipcode]'] { min-width: 100px; } .footer-contact { display: flex; align-items: center; justify-content: space-evenly; } .footer-contact a { flex: 0 1 30%; display: flex; align-items: center; border-radius: 10px; padding: 10px; transition: background-color 0.6s; } .footer-contact > span { width: 2px; height: 38px; margin: 6px 14px; background: #FFF; } .footer-contact a > span:not(.ico) { display: flex; flex-direction: column; } .join-us hr { flex: 25%; border-top-color: #888; border-top-width: 2px; } .join-us > span { flex-grow: 1; text-transform: uppercase; text-align: center; font-size: 1.2em; line-height: 1; color: #888; } .foot-line { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 10px; padding-bottom: 10px; } .foot-line .menu { flex-grow: 1; text-align: right; } .footer-menu { display: flex; justify-content: space-between; align-items: flex-start; -webkit-column-gap: 20px; column-gap: 20px; margin-top: 50px; } .footer-menu > div { flex: 33%; } .footer-menu nav { flex-direction: column; } .footer-menu p.h { font-size: 1.3em; } .footer-menu p.i { font-size: 1.1em; } body { padding-top: 90px; } body > header { height: 90px; } body > header .bar { height: 88px; } body > main .container { position: relative; } figure.pull-left, figure.pull-right { max-width: 50%; } span.nolink { padding-left: 30px; } .modalizer .headline-asfored .visuel figure > img { max-width: 100%; } .modalizer .headline-asfored .description .chapo:first-child { margin-top: 0; } .intervenants-box > a { flex: 0 1 18%; height: 200px; } .intervenants-box > a > div { padding: 10px 12px; } .intervenants-box > a > div span.ico { font-size: 2em; } .intervenants-box > a > div span:not(.ico) { font-size: 1em; } .modalizer .layer-intervenant[data-point='etl'] .intervenant .t { flex-direction: row; justify-content: center; } .modalizer .layer-intervenant[data-point='etl'] .intervenant .details { padding-right: 20px; justify-content: center; } .modalizer .layer-intervenant[data-point='etl'] .intervenant .picture figure { display: flex; flex-direction: column; justify-content: center; } .modalizer .layer-intervenant[data-point='etl'] .intervenant .picture figure > img { max-width: 100%; max-height: 330px; } .modalizer .layer-intervenant[data-point='etl'] .intervenant .description { -webkit-column-count: 2; column-count: 2; } .modalizer .layer-intervenant[data-point='edinovo'] .intervenant .contents { display: flow-root; } .modalizer .layer-intervenant[data-point='lde'] .intervenant .contents { display: flow-root; } body.partenaires > main > .container > article section { display: flex; flex-wrap: wrap; -webkit-column-gap: 20px; column-gap: 20px; justify-content: space-between; } body.partenaires > main > .container > article section > div { flex: 0 1 40%; } .pager { margin-top: 30px; margin-bottom: 30px; } .pager a { padding: 10px 15px; font-size: 1.1em; } .englobe { overflow: hidden; } .englobe figure.pull-left, .englobe figure.pull-right { max-width: 36%; } .nav-toggler { display: none !important; } .btn.btn-green.hop { margin-top: 3px; margin-bottom: 0; transition: margin .2s; } .btn.btn-green.hop > span.ico { margin-left: 5px; margin-right: 5px; transition: margin .4s; } .btn.btn-green.hop:hover, .btn.btn-green.hop:focus { margin-top: 0; margin-bottom: 3px; } .btn.btn-green.hop:hover > span.ico, .btn.btn-green.hop:focus > span.ico { margin-left: 10px; margin-right: 0; } .btn.btn-text { position: relative; } .btn.btn-text > span:not(.ico) { position: relative; z-index: 0; } .btn.btn-text > span:not(.ico):after { display: block; content: ""; position: absolute; width: 0; transition: width 1s; height: 8px; background-color: #FFCD29; bottom: 0; left: 0; z-index: -1; } .btn.btn-text:hover > span:not(.ico):after, .btn.btn-text:focus > span:not(.ico):after { width: 100%; } nav.prevnext { -webkit-column-gap: 16px; column-gap: 16px; } nav.prevnext a { font-size: 1.2em; padding: 10px 14px; opacity: 1 !important; margin-top: 3px; margin-bottom: 0; transition: margin .4s ease-in-out; } nav.prevnext a:hover, nav.prevnext a:focus { margin-top: 0; margin-bottom: 3px; } .bandeau-infos { max-width: 40vw; } .ariane { height: 60px; margin-left: 60px; margin-right: 60px; } .ariane > a, .ariane > span { max-width: 280px; } .ariane > span:last-child { color: #919191; font-weight: 600; max-width: 300px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .ariane span.back { display: none !important; } .nav { display: flex; align-items: center; -webkit-column-gap: 30px; column-gap: 30px; } .nav > li > a { font-weight: 600; position: relative; } .nav > li > a:after { display: block; content: ""; position: absolute; width: 0; transition: width 1s; height: 8px; background-color: #FFCD29; bottom: 0; left: 0; z-index: -1; } .nav > li > a:hover:after, .nav > li > a:focus:after { width: 100%; } .nav > li > a.active, .nav > li > a.foc { opacity: .8; } .nav > li > a.active:after, .nav > li > a.foc:after { width: 100% !important; } .nav > li > ul { display: none; } .shortcuts-box { -webkit-column-gap: 15px; column-gap: 15px; } .shortcuts-box > a { width: 40px; height: 40px; } .shortcuts-box > a.outside-links { background-color: #E8F1F1; color: #1E1E1E; border-radius: 8px; width: auto; padding-left: 14px; padding-right: 14px; font-weight: 600; } .shortcuts-box > a > span:not(.ico) { display: none; } #search-box { top: 34px; left: -10px; padding: 10px 20px; } #nouveautes-box { position: absolute; width: 87%; left: 20px; top: 34px; } #nouveautes-box:not(.box-shown) { display: none; } #nouveautes-box > p { color: #FFF; text-transform: uppercase; padding: 10px 20px; font-weight: 600; } #nouveautes-box > div { padding: 14px 20px; } #nouveautes-box > div > p { font-size: .9em; } #nouveautes-box > div > a > span:not(.ico) { position: relative; z-index: 0; } #nouveautes-box > div > a > span:not(.ico):after { display: block; content: ""; position: absolute; width: 0; transition: width 1s; height: 8px; background-color: #FFF; bottom: 0; left: 0; z-index: -1; } #nouveautes-box > div > a:hover > span:not(.ico):after, #nouveautes-box > div > a:focus > span:not(.ico):after { width: 100%; } .submenu-container { position: absolute; width: calc(100vw - 17px); top: 90px; background-color: #e8f1f1; padding-left: 50px; padding-right: 50px; margin-left: -15px; border-bottom: 2px solid rgba(0, 0, 0, 0.14); display: flex; flex-wrap: wrap; -webkit-column-gap: 20px; column-gap: 20px; } .submenu-container:empty { display: none; } .submenu-container > div:not(.right) { display: flex; flex-grow: 1; padding-top: 30px; padding-bottom: 30px; } .submenu-container > div:not(.right) a { display: block; padding: 4px 9px; color: #121212; font-size: 1.1em; } .submenu-container > div:not(.right) a.ignore { display: none !important; } .submenu-container > div:not(.right) p { color: #1e1e1e; font-weight: 600; font-size: 1.5em; margin-bottom: 2px; padding: 4px 9px; } .submenu-container > div:not(.right) p > span { background-color: #FFFFFF; display: inline-block; } .submenu-container > div:not(.right) p > span > a { padding: 0 !important; } .submenu-container > div:not(.right) p.active { font-weight: 700; } .submenu-container > div:not(.right) ul { margin-top: 0; margin-bottom: 0; padding-left: 0; list-style: none; } .submenu-container > div:not(.right) li.active > a { font-weight: 700; } .submenu-container > div:not(.right) > div { flex: 1 0 24%; padding-left: 20px; } .submenu-container > div:not(.right) > div + div { border-left: 1px dashed #1E1E1E; } .submenu-container > div.right { display: flex; flex: 0 1 220px; background-color: #FFF; flex-direction: column; align-items: center; padding-top: 30px; padding-bottom: 20px; } .submenu-container > div.right > p { color: #1e1e1e; font-weight: 700; font-size: 1.1em; margin-bottom: 16px; } .submenu-container > div.right > figure { margin-top: 0; max-width: 140px; } .submenu-container > div.right > a { font-size: .9em; margin-top: 10px; } .submenu-container > div.right > a:hover span.en-savoir-plus > span:not(.ico):after, .submenu-container > div.right > a:focus span.en-savoir-plus > span:not(.ico):after { width: 100%; } .submenu-container > div.right > a:hover span.en-savoir-plus > span.ico, .submenu-container > div.right > a:focus span.en-savoir-plus > span.ico { margin-left: 20px; margin-right: 0; } .footer-contact { display: flex; align-items: center; justify-content: space-evenly; } .footer-contact a { flex: 0 1 30%; display: flex; align-items: center; border-radius: 10px; padding: 10px; transition: background-color 0.6s; } .footer-contact a > span:not(.ico) { display: flex; flex-direction: column; } .footer-contact > span { width: 2px; height: 38px; margin: 6px 14px; background: #FFF; } .modalizer section { padding-left: 30px; padding-right: 30px; } .main-logo img { max-height: 100%; } body { background-color: #F9F9F9; } body > header > .container, body > main > .container, body > footer > .container { max-width: 1280px; } body > header .bar { -webkit-column-gap: 50px; column-gap: 50px; padding-left: 30px; padding-right: 30px; } body > header nav { display: block !important; flex-grow: 1; } body > footer .join-us > span { text-shadow: 0 1px 3px #787878; } body > main > .container { min-height: calc(100vh - 90px - 155px - 2px); } body > main > .container > article { display: flex; flex-wrap: wrap; -webkit-column-gap: 40px; column-gap: 40px; } body > main > .container > article h1 { flex: 0 0 100%; } body > main > .container > article > div:first-child { flex: 1 0 67%; } body > main aside.navigate { flex: 28%; } body.page > main > .container, body.headlines > main > .container, body.partenaires > main > .container { background-image: url("../images/visuels/quadrillage.png"); background-repeat: repeat-y; background-size: contain; background-color: #FFF; min-height: 516px; } body.page > main > .container > article, body.headlines > main > .container > article, body.partenaires > main > .container > article { margin-left: -15px; margin-right: -15px; padding-top: 40px; padding-bottom: 40px; padding-right: 60px; padding-left: 60px; } body.page > main > .container > article > h1, body.headlines > main > .container > article > h1, body.partenaires > main > .container > article > h1 { flex: 1 0 100%; } body.page > main > .container > article > div:first-of-type p + h1, body.headlines > main > .container > article > div:first-of-type p + h1, body.partenaires > main > .container > article > div:first-of-type p + h1, body.page > main > .container > article > div:first-of-type ul + h1, body.headlines > main > .container > article > div:first-of-type ul + h1, body.partenaires > main > .container > article > div:first-of-type ul + h1, body.page > main > .container > article > div:first-of-type p + h2, body.headlines > main > .container > article > div:first-of-type p + h2, body.partenaires > main > .container > article > div:first-of-type p + h2, body.page > main > .container > article > div:first-of-type ul + h2, body.headlines > main > .container > article > div:first-of-type ul + h2, body.partenaires > main > .container > article > div:first-of-type ul + h2, body.page > main > .container > article > div:first-of-type p + h3, body.headlines > main > .container > article > div:first-of-type p + h3, body.partenaires > main > .container > article > div:first-of-type p + h3, body.page > main > .container > article > div:first-of-type ul + h3, body.headlines > main > .container > article > div:first-of-type ul + h3, body.partenaires > main > .container > article > div:first-of-type ul + h3 { margin-top: 20px; } body.page > main > .container > article > div:first-of-type h2 + h3, body.headlines > main > .container > article > div:first-of-type h2 + h3, body.partenaires > main > .container > article > div:first-of-type h2 + h3, body.page > main > .container > article > div:first-of-type h2 + p, body.headlines > main > .container > article > div:first-of-type h2 + p, body.partenaires > main > .container > article > div:first-of-type h2 + p, body.page > main > .container > article > div:first-of-type h3 + p, body.headlines > main > .container > article > div:first-of-type h3 + p, body.partenaires > main > .container > article > div:first-of-type h3 + p, body.page > main > .container > article > div:first-of-type h3 + ul, body.headlines > main > .container > article > div:first-of-type h3 + ul, body.partenaires > main > .container > article > div:first-of-type h3 + ul, body.page > main > .container > article > div:first-of-type h3 + ol, body.headlines > main > .container > article > div:first-of-type h3 + ol, body.partenaires > main > .container > article > div:first-of-type h3 + ol { margin-top: 10px; } body.page > main > .container > article > div:first-of-type .chapo:first-child, body.headlines > main > .container > article > div:first-of-type .chapo:first-child, body.partenaires > main > .container > article > div:first-of-type .chapo:first-child { margin-top: 0; } body.page > main > .container > article > div:first-of-type .encadre:last-child, body.headlines > main > .container > article > div:first-of-type .encadre:last-child, body.partenaires > main > .container > article > div:first-of-type .encadre:last-child { margin-bottom: 0; } .mot-directrice { margin: 20px 0; display: flex; } .mot-directrice figure { flex: 0 0 37%; } body.page.reseau-ad .englobe, .layer[data-point='reseau-ad'] .englobe { display: flex; flex-wrap: wrap; } body.page.reseau-ad .englobe > h3, .layer[data-point='reseau-ad'] .englobe > h3 { flex: 0 0 100%; } body.page.reseau-ad .englobe > p, .layer[data-point='reseau-ad'] .englobe > p { flex: 1 0 60%; } .bandeau-infos { padding: 12px 10px 8px 10px !important; } .carousel { height: 390px; padding: 0 100px; } .carousel-display { flex-direction: column; height: 400px; } .carousel-display aside { display: flex; flex-direction: column; justify-content: space-between; width: 50%; height: 100%; z-index: 2; padding-top: 30px; padding-bottom: 30px; } .carousel-display aside p.title { font-size: 2.2em; } .carousel-display aside .content { padding: 14px; max-width: 80%; background-color: #E8F1F1; } .carousel-display .visuel { width: calc(50% + 200px); margin-left: -200px; } .carousel-display .visuel img { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); margin-top: -6px; max-width: initial; max-height: 100%; min-height: 386px; } .carousel-display nav { padding-top: 5px; padding-right: 20px; bottom: 30px; right: -40px; z-index: 2; } .homeintro .vous-etes { margin-left: 70px; margin-right: 70px; } .homeintro .vous-etes .boxes { display: flex; justify-content: space-between; margin-top: 60px; } .homeintro .vous-etes .boxes > a { flex: 0 0 23%; flex-direction: column; margin-top: 3px; margin-bottom: 0; transition: margin .2s; } .homeintro .vous-etes .boxes > a img { margin-top: -53px; max-width: 100%; height: 183px; } .homeintro .vous-etes .boxes > a:hover, .homeintro .vous-etes .boxes > a:focus { margin-top: 0; margin-bottom: 3px; } .homeintro .vous-etes .boxes > a:hover span.en-savoir-plus > span:not(.ico):after, .homeintro .vous-etes .boxes > a:focus span.en-savoir-plus > span:not(.ico):after { width: 100%; } .homeintro .vous-etes .boxes > a:hover span.en-savoir-plus > span.ico, .homeintro .vous-etes .boxes > a:focus span.en-savoir-plus > span.ico { margin-left: 20px; margin-right: 0; } .homeintro .offre { -webkit-column-gap: 50px; column-gap: 50px; margin-left: 70px; margin-right: 70px; } .homeintro .offre figure { width: 40%; } .homeintro .offre > div { display: flex; flex-direction: column; justify-content: space-around; } .homeintro .offre > div p.title { max-width: 500px; } .homeintro .offre > div p.content { max-width: 500px; } .homeintro .offre > div p.links a + a { margin-left: 20px; } .homeintro .confiance { padding: 40px 0 40px 20px; display: flex; margin-left: 70px; margin-right: 70px; } .homeintro .confiance .intro { flex: 0 0 34%; } .homeintro .confiance p.content { font-size: 1.2em; } .homeintro .confiance .numbers-carousel > div { border-left: 1px dashed #E8F1F1; flex: 0 0 33%; } .homeintro .actus { margin-top: 40px; padding-left: 50px; padding-right: 50px; background-image: url("../images/visuels/quadrillage.png"); background-repeat: repeat-y; background-size: contain; } .homeintro .actus nav { height: 50px; top: 30px; right: 60px; } .homeintro .actus .slider figure > img { z-index: 10; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; } .homeintro .actus .slider p.title { color: #121212; margin-left: 20px; margin-top: -20px !important; } .homeintro .actus .slider > div { -webkit-column-gap: 60px; column-gap: 60px; } .homeintro .actus .slider > div > a { flex: 0 0 300px; } .homeintro .actus .slider > div > a:nth-of-type(even) figure > img { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } .homeintro .actus .slider > div > a:nth-of-type(odd) figure > img { -webkit-transform: rotate(2deg); transform: rotate(2deg); } .homeintro .actus .slider > div > a:hover, .homeintro .actus .slider > div > a:focus { opacity: 1; } .homeintro .actus .slider > div > a:hover figure > img, .homeintro .actus .slider > div > a:focus figure > img { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .homeintro .actus .slider > div > a:hover span.en-savoir-plus, .homeintro .actus .slider > div > a:focus span.en-savoir-plus { margin-top: 0; margin-bottom: 3px; } .homeintro .actus .slider > div > a:hover span.en-savoir-plus > span:not(.ico):after, .homeintro .actus .slider > div > a:focus span.en-savoir-plus > span:not(.ico):after { width: 100%; } .homeintro .actus .slider > div > a:hover span.en-savoir-plus > span.ico, .homeintro .actus .slider > div > a:focus span.en-savoir-plus > span.ico { margin-left: 20px; margin-right: 0; } body.formations > main > .container > article { margin-top: -100px; padding-top: 100px !important; padding-bottom: 30px !important; padding-right: 60px; padding-left: 60px; } .formations-header { display: flex; justify-content: space-evenly; align-items: center; -webkit-column-gap: 50px; column-gap: 50px; height: 400px; padding-top: 100px; padding-right: 60px; padding-bottom: 100px; padding-left: 60px; margin-bottom: 100px; margin-left: -15px; margin-right: -15px; } .formations-header figure { flex: 0 0 60%; margin-top: 34px; height: 430px; z-index: 1; } .formations-header figure > img { -webkit-transform: rotate(-1deg); transform: rotate(-1deg); max-height: 100%; } .formations-header h1, .formations-header p { padding: 6px 10px; } .formations-header h1 { font-size: 3.6em; } .formations-header > div { margin-left: -180px; z-index: 1; } .formations-header > div > div p { width: 80%; } .catalogue-downloader { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: -40px; } .catalogue-downloader article { width: 70%; margin-left: auto; margin-right: auto; } .catalogue-downloader article > div { margin-top: 40px; margin-bottom: 40px; } .catalogue-downloader article > div h2 { padding: 6px 4px; margin-top: -40px; font-size: 1.2em; display: inline-block; text-transform: uppercase; } .catalogue-downloader article > div > div { padding: 40px 60px 25px 60px; margin-top: -15px; } .catalogue-downloader article > div > div h3 { margin-bottom: 16px; padding-bottom: 7px; } .formations-filters { margin-bottom: 60px; } .formations-filters > .btn { display: none; } .formations-filters .filter.f-search > div input { width: 100%; } .formations-filters .filter:not(.f-search) > div { position: absolute; z-index: 10; width: 250px; } .formations-filters .filter:not(.f-search) > div > a { font-weight: 500; } .formations-list > a { height: 230px; } .formations-list > a > figure { flex: 0 0 310px; } .formations-list > a > div { flex: 80%; } .formations-list > a .infos { padding: 2px 30px 8px 30px; font-size: .9em; height: 30px; } .formations-list > a .infos > div { -webkit-column-gap: 8px; column-gap: 8px; align-items: center; } .formations-list > a .infos > div + div { padding-left: 20px; margin-left: 20px; border-left: 1px solid #dad7d3; } .formations-list > a .contents { padding: 20px 30px; display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; } .formations-list > a .contents p.title { font-size: 1.2em; } .formations-list > a .contents .intro { margin: 10px 0; } .formations-list > a + a { margin-top: 40px; } .formations-list > a:hover, .formations-list > a:focus { color: #1E1E1E; opacity: 1; } .formations-list > a:hover span.en-savoir-plus > span:not(.ico):after, .formations-list > a:focus span.en-savoir-plus > span:not(.ico):after { width: 100%; } .formations-list > a:hover span.en-savoir-plus > span.ico, .formations-list > a:focus span.en-savoir-plus > span.ico { margin-left: 20px; margin-right: 0; } .formations-container { display: flex; flex-wrap: wrap; -webkit-column-gap: 12px; column-gap: 12px; } .formations-container > a .boxf { height: 62px; } .formation-item { margin-left: 60px; margin-right: 60px; background-image: url("../images/visuels/quadrillage.png"); background-repeat: repeat-y; background-size: contain; } .formation-item p.puce > span.ico { margin-right: 10px; } .formation-item > header { display: flex; flex-wrap: wrap; background-color: #e8f1f1; } .formation-item > header > figure { flex: 0 0 310px; } .formation-item > header > div:not(.criteres) { flex: 70%; } .formation-item > header .infos { padding: 0 20px; font-size: .9em; } .formation-item > header .infos > div { -webkit-column-gap: 20px; column-gap: 20px; } .formation-item > header .contents { padding: 20px 30px; display: flex; flex-direction: column; justify-content: space-evenly; flex-grow: 1; } .formation-item > header .contents h1 { width: 80%; font-size: 2.4em; line-height: 1; } .formation-item > header .criteres > div { margin-top: 20px; margin-bottom: 20px; padding-left: 16px; flex: 140px; } .formation-item > header .criteres > div + div { margin-left: 16px; border-left: 1px solid #dad7d3; } .formation-item > header .criteres > div > p.title { margin-bottom: 6px; } .formation-item > header .criteres > div > p:not(.title) { padding-left: 20px; } .formation-item > header .criteres > div > p.anpe { font-size: .85em; } .formation-item > header .criteres > div > p.anpe > a { font-weight: 600; color: #1E1E1E; } .formation-item > header .criteres > div > p.anpe > a:hover, .formation-item > header .criteres > div > p.anpe > a:focus { color: #1E1E1E; } .formation-item > header .criteres > div + div { margin-left: 16px; border-left: 1px solid #dad7d3; } .formation-item > header .criteres > div[data-box='sessions'] > div p.puce { padding-left: 0 !important; } .formation-item > header .criteres > div[data-box='actions'] { flex: 0 1 240px; padding: 0 10px; justify-content: space-between; } .formation-item > header .criteres > div[data-box='actions'] > .btn > span.ico { transition: margin .6s; margin-left: 0; margin-right: 10px; } .formation-item > header .criteres > div[data-box='actions'] > .btn:hover > span.ico, .formation-item > header .criteres > div[data-box='actions'] > .btn:focus > span.ico { margin-left: 10px; margin-right: 0; } .formation-item article { width: 70%; margin-left: auto; margin-right: auto; } .formation-item article > div { margin-top: 40px; margin-bottom: 40px; } .formation-item article > div h2 { padding: 6px 4px; margin-top: -40px; font-size: 1.2em; display: inline-block; text-transform: uppercase; } .formation-item article > div > div { padding: 40px 60px 25px 60px; margin-top: -15px; } .formation-item article > div > div h3 { margin-bottom: 16px; padding-bottom: 7px; } .formation-item > footer .formations-container { justify-content: center; } .formation-item > footer .formations-container > a { width: 200px; height: 150px; border-top: 0 none; } body.headlines > main > .container > article figure { max-height: 96px; } body.headlines > main > .container > article section > div { display: flex; flex-wrap: wrap; justify-content: space-between; } body.headlines > main > .container > article section > div > a { flex: 0 0 23%; } body.headline main > .container > article .description { background-color: #FFF; padding: 20px 30px; max-width: 1000px; margin-left: auto; margin-right: auto; } }
@media not print { .slider-hidden { height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; border-top-width: 0 !important; border-bottom-width: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; overflow: hidden !important; } } @media (min-width: 768px) and (max-width: 991px) { .form-field { flex-direction: column; margin-bottom: 10px; } .form-field > label { margin-bottom: 7px; } .form-field.checkbox .field label + label, .form-field.radio .field label + label { margin-top: 6px; } form.sm .field input:not([type='color']):not([type='checkbox']):not([type='radio']), form.sm .field select { padding: 2px 4px; } form.lg .field input:not([type='color']):not([type='checkbox']):not([type='radio']), form.lg .field select { padding: 8px 14px; } } @media (min-width: 992px) { .form-field.checkbox:not(.vertical) .field, .form-field.radio:not(.vertical) .field { flex-wrap: wrap; flex-direction: row; justify-content: flex-start; } .form-field.radio.boolean .field label { flex: 0 0 60px; } .form-field:not([data-cols]).checkbox label, .form-field:not([data-cols]).radio label { margin-bottom: 6px; } .form-field[data-cols='2'].checkbox label, .form-field[data-cols='2'].radio label { flex: 50%; max-width: 55%; } .form-field[data-cols='2'].checkbox label:nth-child(n+3), .form-field[data-cols='2'].radio label:nth-child(n+3) { margin-top: 6px; } .form-field[data-cols='3'].checkbox label, .form-field[data-cols='3'].radio label { flex: 33%; max-width: 33%; } .form-field[data-cols='3'].checkbox label:nth-child(n+4), .form-field[data-cols='3'].radio label:nth-child(n+4) { margin-top: 6px; } .form-field[data-cols='4'].checkbox label, .form-field[data-cols='4'].radio label { flex: 25%; max-width: 30%; } .form-field[data-cols='4'].checkbox label:nth-child(n+5), .form-field[data-cols='4'].radio label:nth-child(n+5) { margin-top: 6px; } form:not(.vertical):not(.filters) .form-field:not(.label-on-top) { display: flex; } form:not(.vertical):not(.filters) .form-field:not(.label-on-top):not(.solo-checkbox) { flex-wrap: wrap; } form:not(.vertical):not(.filters) .form-field:not(.label-on-top):not(.field-group):not(.form-buttons) { justify-content: space-between; } form:not(.vertical):not(.filters) .form-field:not(.label-on-top) > label { flex: 0 1 130px; margin-right: 20px; text-align: right; } form:not(.vertical):not(.filters) .form-field:not(.label-on-top) .field { flex: 1 0 60%; } form:not(.vertical):not(.filters) .offset { padding-left: 125px; } form.vertical:first-child > label { padding-top: 0; } form.filters .form-field:not(.label-on-top) { display: block; } form.wide:not(.vertical) .form-field:not(.label-on-top) > label { flex-basis: 260px; } form.wide:not(.vertical) .offset { padding-left: 255px; } form.sm .field input:not([type='color']):not([type='checkbox']):not([type='radio']), form.sm .field select { padding: 3px 4px; } form.lg .field input:not([type='color']):not([type='checkbox']):not([type='radio']), form.lg .field select { padding: 9px 14px; } } @media (min-width: 1200px) { form:not(.vertical) .form-field:not(.label-on-top) > label { flex-basis: 200px; } form:not(.vertical) .offset { padding-left: 200px; } } @media (min-width: 1200px) { body > header > .container, body > main > .container, body > footer > .container { max-width: 1400px; } } @media (max-width: 991px) { .modalizer .headline-asfored .t { flex-direction: column; } .modalizer .headline-asfored .details { margin: 20px; text-align: center; } } @media (min-width: 992px) { .modalizer .headline-asfored .t { justify-content: flex-end; } .modalizer .headline-asfored .details { justify-content: center; padding-right: 30px; max-width: 300px; } .modalizer .headline-asfored .visuel figure { display: flex; flex-direction: column; justify-content: center; } .modalizer .headline-asfored .visuel figure > img { max-height: 330px; } .modalizer .headline-asfored .description { -webkit-column-count: 2; column-count: 2; } .modalizer .headline-asfored .description div, .modalizer .headline-asfored .description blockquote { page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; } } @media (min-width: 1200px) { .modalizer .headline-asfored .visuel figure > img { max-width: initial; max-height: 400px; } } @media (min-width: 1200px) { .layer.layer-intervenant .modalizer[data-point='etl'] .intervenant .picture figure > img { max-width: initial; max-height: 400px; } } @media (min-width: 768px) and (max-width: 1200px) { body > header .bar .main-logo { order: 1; flex-grow: 1; } body > header .bar .shortcuts-box { order: 2; } body > header .bar .nav-toggler { order: 3; } body > header .bar nav { order: 4; flex: 100%; } .nav { justify-content: center; } } @media (min-width: 992px) { body.headlines > main > .container > article section > div figure { max-height: 111px; } } @media (min-width: 1200px) { body.headlines > main > .container > article section > div figure { max-height: 114px; } }