/******************************************************************************************************************/ /************************************************* GENERAL ********************************************************/ /******************************************************************************************************************/ :root { --orange: 233, 82, 54; /*#e95236*/ --orange2: 240, 190, 180; /*#f0beb4*/ --bleu: 64, 100, 181; /*#4064b5*/ --bleu2: 43, 44, 56; /*#2b2c38*/ --bleu3: 166, 204, 219; /*#a6ccdb*/ --bleu4: 235, 239, 248; /*#ebeff8*/ --bleu5: 237, 243, 246; /*#edf3f6*/ --bleu6: 32, 100, 145; /*#206491*/ --bleu7: 216, 233, 242; /*#d8e9f2*/ --bleu8: 66, 128, 168; /*#4280a8*/ --vert: 70, 170, 180; /*#46aab4*/ --vert2: 240, 248, 249; /*#f0f8f9*/ --vert3: 111, 196, 204; /*#6fc4cc*/ --vert4: 216, 239, 242; /*#d8eff2*/ --rouge: 211, 81, 102; /*#d35166*/ --rouge2: 255, 244, 245; /*#fff4f5*/ --rouge3: 230, 115, 134; /*#e67386*/ --rouge4: 250, 221, 224; /*#fadde0*/ --jaune: 251, 180, 92; /*#fbb45c*/ --blanc: 255, 255, 255; --noir: 0, 0, 0; --gris1: 28, 29, 36; /*#1c1d24*/ --gris2: 31, 31, 38; /*#1f1f26*/ --gris3: 68, 68, 68; /*#444444*/ --gris4: 190, 190, 190; /*#bebebe*/ --gris5: 233, 233, 229; /*#e9e9e5*/ --gris6: 248, 248, 244; /*#f8f8f4*/ } * { font-family: 'Roboto', sans-serif; } *:hover, *:focus { outline: none; } body { font-size:14px; color:rgba(var(--gris2),0.5); background-color:rgba(var(--gris6)); } body #wrap { position:relative; } a { text-decoration:underline; color:rgba(var(--gris2),0.5); } a:hover { text-decoration:none; color:inherit; } .view .row { margin:0; } .ui-accordion .ui-accordion-content { height:auto!important; } img { max-width:100%; height:auto; } .contextual-region .contextual .contextual-links a, .contextual-region .contextual .contextual-links a:hover { color:rgba(var(--noir))!important; } .row .region { width:100%; } *:is(.text-formatted,.cke_editable,.slick-slide) > ul { padding-left:15px; margin:0; } .block { width:100%; } .messages { margin-bottom:20px; } .modal + .modal { z-index: 1052; } .modal + .modal + .modal { z-index: 1054; } .modal-backdrop.show ~ .modal-backdrop.show { z-index: 1051; } .modal-backdrop.show ~ .modal-backdrop.show ~ .modal-backdrop.show { z-index: 1053; } .modal-backdrop.show + .modal { z-index: 1100;} .modal.show:has( + .modal.show) { overflow-y: hidden; } .modal-content { background:rgba(var(--bleu)); color:rgba(var(--blanc)); text-align:center; border-radius:25px; padding:20px 50px 20px; } .modal-content .modal-header { background:url(../images/logo-blanc.png) no-repeat bottom 15px center; padding-top:55px; } .modal-content .modal-header, .modal-content .modal-footer { border:none; } .modal-content .modal-header .close { color:rgba(var(--blanc)); position:absolute; top:20px; right:20px; } .modal-content .modal-footer { justify-content: center; } .bootstrap-dialog-footer-buttons > * { margin:0 5px; } .modal-content .modal-body > *:is(form, .form) { background-color:rgba(var(--blanc)); border-radius:25px; padding:60px 50px; color:rgba(var(--noir)); } .modal-content .modal-body > *:is(form, .form) .messages { margin-top: 20px; } body[class*="path-espace-"] .modal-content form .onglet-content { width: calc(100% + 45px); text-align: left; padding: 25px; margin-left:-22.5px; margin-top: 20px; background: rgba(var(--bleu4)); border-radius: 25px; } body[class*="path-espace-"] .modal-content form .onglet-content .form-item input:not([type="submit"], [type="button"], [type="radio"], [type="checkbox"]), body[class*="path-espace-"] .modal-content form .onglet-content .form-item select, body[class*="path-espace-"] .modal-content form .onglet-content .form-item .form-textarea-wrapper textarea, body[class*="path-espace-"] .modal-content form .onglet-content .form-item span.select2 { background-color: rgba(var(--blanc));} body[class*="path-espace-"] .modal-content form .onglet-content .form-item input:not([type="submit"], [type="button"], [type="radio"], [type="checkbox"]):disabled, body[class*="path-espace-"] .modal-content form .onglet-content .form-item select:disabled, body[class*="path-espace-"] .modal-content form .onglet-content .form-item .form-textarea-wrapper textarea:disabled, body[class*="path-espace-"] .modal-content form .onglet-content .form-item span.select2 { background-color: rgba(var(--blanc),0.5);} body[class*="path-espace-"] .modal-content form .onglet-content .listing-items .item { display: flex; width: 100%; margin-bottom: 20px; } body[class*="path-espace-"] .modal-content form .onglet-content .listing-items .item + .item { border-top:2px solid rgba(var(--blanc)); padding-top: 20px; } body[class*="path-espace-"] .modal-content form .onglet-content .listing-items .item .row.regroupement { width: calc(100% - 10px); padding-right: 20px;} body[class*="path-espace-"] .modal-content form .onglet-content .listing-items .item .remove { padding:10px; border-left: 1px dashed rgba(var(--bleu)); display: flex; align-items: center; justify-content: center;} body[class*="path-espace-"] .modal-content form .onglet-content table.dataManagement tr td .removeRow { box-shadow: none;} body[class*="path-espace-"] .modal-content form .onglet-content .listing-items .item .remove span, body[class*="path-espace-"] .modal-content form .onglet-content table.dataManagement tr td .removeRow span, .supprimerFichier { background-color: rgba(var(--bleu)); border-radius: 50px; padding: 2px; color: rgba(var(--blanc)); font-size: 16px; cursor: pointer;} body[class*="path-espace-"] #section #content .region-content #block-izianet-content ul#onglet-administratif li { width: 33%; } .badgepopup .modal-content .modal-body { padding:50px 60px; background-color:rgba(var(--blanc)); border-radius:20px; margin-top:20px; color:rgba(var(--bleu)); text-align:left; } .block:not(.block-core) + .block { margin-top:45px; } div:is(#header, #fullscreen, #highlighted) .block + .block { margin-top:0; } div[data-drupal-messages] { width:100%; margin-bottom:1rem; } body:not(.path-frontpage) #section { padding-top:45px; } #section #content { width:100%; } body:not(.path-frontpage, .path-espace-prive) #section .node__content .field--name-body { border-radius:25px; background-color:rgba(var(--blanc)); padding:50px 60px; box-shadow: 0 0 25px 0 rgba(var(--noir), 0.1); width:100%; } #highlighted .container { padding-left:0; padding-right:0; height:100%; position:relative; } #fullscreen { position:relative; } #fullscreen_2 { margin-top:70px; } #section + #featured_1, #section + #featured_2, #section + #fullscreen_3 { margin-top:70px; } #featured_1 { padding:70px 0; background-color:rgba(var(--bleu2)); } .export-xls { margin-top: 0!important;} .export-xls input[type=submit] { height: 50px; width: 48px; display: block; background-image: url('../images/espace-prive-picto-export-excel.png'); background-size: 48px 50px; background-color: transparent !important; padding: 0; border-radius: 0; border: 0px !important;} .export-pdf { height: 50px; width: 50px; display: block; background-image: url('../images/espace-prive-picto-export-pdf.png'); background-size: 50px 50px;} .accordion { width: 100%; text-align: left; } .accordion > .card { border-radius: 15px 15px 0 0; border:none; overflow: hidden; } .accordion > .card > .card-header { background-color: none; padding: 0; margin-bottom: 0; background: none; border:none; border-radius: 15px 15px 0 0; } .accordion > .card > .card-header button { padding: 0.75rem 1.25rem; display: flex; align-items: center; justify-content: space-between; border-radius: 15px; background: rgba(var(--blanc)); border:2px solid; font-size: 14px; color:rgba(var(--bleu), 0.5); } .accordion > .card > .card-header button::after { font-family: 'Material icons'; content: "keyboard_arrow_down"; font-size: 1.25rem; } .accordion > .card > *:is(.collapse, .collapsing) .card-body { background-color: rgba(var(--bleu4),.8); border-radius: 0 0 15px 15px; color:rgba(var(--bleu)); } .accordion > .card > *:is(.collapse, .collapsing) .card-body .group .group-header { display: flex; align-items: center; margin-bottom: 5px; } .accordion > .card > *:is(.collapse, .collapsing) .card-body .group .group-header .group-title { margin-right: 15px; } .modal .accordion > .card > *:is(.collapse, .collapsing) .card-body .group .group-header { align-items: start; } .modal .accordion > .card > *:is(.collapse, .collapsing) .card-body .group .group-header .group-title { min-width: 145px; } .accordion > .card > *:is(.collapse, .collapsing) .card-body .group .group-header .export-pdf { width: 35px; height: 35px; background-size: 35px;} .accordion > .card > *:is(.collapse, .collapsing) .card-body .group .group-header .export-xls { width: 33px;} .accordion > .card > *:is(.collapse, .collapsing) .card-body .group .group-header .export-xls input[type=submit] { width: 33px; height: 35px; background-size: 33px 35px;} .accordion > .card > *:is(.collapse, .collapsing) .card-body .group + .group { margin-top: 20px; } .accordion > .card + .card { margin-top: 15px; } .accordion > .card.open > .card-header { background-color: rgba(var(--bleu4)); } .accordion > .card.open > .card-header button { color:rgba(var(--bleu)); font-weight: bold; } .accordion > .card.open > .card-header button::after { transform: rotate(180deg); } table.sortable tbody tr:not(.ui-state-disabled) { cursor: grab; } /*.slick-slide:not(.slick-active) img { height: 0; }*/ .slick-slider .slick-track { display:flex; align-items:center; } .slick-arrow, .slick-arrow:focus, .slick-arrow:hover { display:block; font-family: 'Material icons';font-size: 35px!important; color:rgba(var(--blanc))!important; } .slick-arrow::before { display:none; } .slick-arrow.slick-prev { left:-20px; } .slick-arrow.slick-next { right:-20px; } .slick--thumbnail { display:none; } .slick-wrapper { margin:0; } .slide__caption { position:absolute; top:25px; left:25px; width:100%; color:#ffffff; width: calc(100% - 50px); } .slide__caption .slide__title { font-size: 60px; font-weight: 900; font-stretch: normal; font-style: normal; line-height: 1.08; } .slide__caption .slide__description { font-size: 25px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: normal; width:80%; } #wrap .ckeditor-accordion-container > dl { border:none; } .ui-helper-reset { font-size:1em; } .ui-accordion { margin-top:35px; } .ui-accordion div:is(.view-content,.views-row) > .views-row + .views-row, #wrap .ckeditor-accordion-container > dl dd + dt { margin-top:25px; padding-top:25px; border-top:1px solid rgba(var(--gris2),0.5); } .ui-accordion .ui-accordion-header, #wrap .ckeditor-accordion-container > dl dt > a, #wrap .ckeditor-accordion-container > dl dt > a:not(.button) { font-size: 25px; font-weight: 300; line-height: 1.44; display:flex; flex-direction:row-reverse; justify-content:space-between; align-items:center; background:none; border:none; padding:0; color:rgba(var(--gris2)); text-decoration:none; } .ui-accordion .ui-accordion-header .ui-icon, #wrap .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle { background:none; width:auto; height:auto; text-indent:0; position:relative; top:auto; left:auto; right:auto; bottom:auto; display: flex; align-items: center; margin:0; } .ui-accordion .ui-accordion-header .ui-icon { width:32px; } .ui-accordion .ui-accordion-header .ui-icon::before, .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle::before { font-family:"Material icons"; content:"add"; transform:none; font-size: 32px; line-height: 32px; position:relative; width:auto; height:auto; } .ui-accordion .ui-accordion-header .field-content { width:calc(100% - 35px); } .ui-accordion .ui-accordion-header a:hover, #wrap .ckeditor-accordion-container > dl dt > a:hover, #wrap .ckeditor-accordion-container > dl dt > a:not(.button):hover { font-weight:400; } #wrap .ckeditor-accordion-container > dl dt > a:hover > .ckeditor-accordion-toggle::before { font-weight:300; } .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle::after { display:none; } .ui-accordion .ui-accordion-header.ui-accordion-header-active a, #wrap .ckeditor-accordion-container > dl dt.active a { color:rgba(var(--gris2)); } .ui-accordion .ui-accordion-header:is(.ui-accordion-header-active,.force-active) .ui-icon::before, .ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle::before { content:"expand_less"; transform:none; } .ui-accordion .ui-accordion-header:is(.force-active):hover { cursor:auto; } .ui-accordion .ui-accordion-header:is(.force-active) .ui-icon::before { display:none; } .ui-accordion .ui-accordion-content, #wrap .ckeditor-accordion-container > dl dd.active { height:auto!important; border:none; padding:0em; color:rgba(var(--gris2),0.5); margin-top:8px; background:none; } .ui-accordion .ui-accordion-content:is(.force-active) { display:block!important; } .bootstrap-duallistbox-container .btn-group { display:flex; flex-direction:column; justify-content:space-around; align-items: center; } .bootstrap-duallistbox-container .btn-group button, .bootstrap-duallistbox-container .btn-group button:hover { background-image:none; width: 42px; height: 42px; border-radius: 50% !important; display:flex; justify-content:center; align-items:center; left: 0!important; top: 0!important; position: relative!important; flex: unset; text-decoration:none; } .bootstrap-duallistbox-container .btn-group button::after { color:rgba(var(--blanc)); } .bootstrap-duallistbox-container .btn-group button.move { background-color:rgba(var(--vert),0.8)!important; } .bootstrap-duallistbox-container .btn-group button.move:hover { background-color:rgba(var(--vert))!important; } .bootstrap-duallistbox-container .btn-group button.move::after { content:'east'; font-family:"Material icons"; text-transform:none; } .bootstrap-duallistbox-container .btn-group button.remove { background-color:rgba(var(--rouge),0.8)!important; } .bootstrap-duallistbox-container .btn-group button.remove:hover { background-color:rgba(var(--rouge))!important; } .bootstrap-duallistbox-container .btn-group button.remove::after { content:'west'; font-family:"Material icons"; text-transform:none; } .bootstrap-duallistbox-container .btn-group .ajusteur { display:none; } .btn-primary, input[type=submit]:not([name*="export_button"],[name*="remove_button"],[name*="upload_button"]) { border-radius:25px; background-color:rgba(var(--orange))!important; color:rgba(var(--blanc))!important; padding: 10px 35px; border:1px solid rgba(var(--orange))!important; text-decoration:none; box-shadow:none!important; display:inline-block; text-transform:uppercase; cursor:pointer; } .btn-primary:is(:hover,:focus,:active), input[type=submit]:not([name*="export_button"],[name*="remove_button"],[name*="upload_button"]):is(:hover,:focus,:active) { background-color:rgba(var(--blanc))!important; color:rgba(var(--orange))!important; text-decoration:none; border:1px solid rgba(var(--orange))!important; box-shadow:none!important; } .btn-default { border-radius:25px; background-color:rgba(var(--blanc))!important; color:rgba(var(--noir))!important; padding: 10px 35px; border:1px solid rgba(var(--noir)); text-decoration:none; box-shadow:none!important; display:inline-block; text-transform:uppercase; } .btn-default:hover { text-decoration:underline; cursor:pointer; } .btn-secondary { border-radius:25px; background-color:rgba(var(--bleu))!important; color:rgba(var(--blanc))!important; padding: 5px 31px; border:1px solid rgba(var(--bleu))!important; text-decoration:none; box-shadow:none!important; display:inline-block; text-transform:uppercase; cursor:pointer; font-size: 12px; } .btn-secondary:is(:hover,:focus,:active) { background-color:rgba(var(--blanc))!important; color:rgba(var(--bleu))!important; text-decoration:none; border:1px solid rgba(var(--bleu))!important; box-shadow:none!important; } .btn-tertiary { border-radius:25px; background-color:rgba(var(--blanc))!important; color:rgba(var(--orange))!important; padding: 5px 31px; border:1px solid rgba(var(--orange))!important; text-decoration:none; box-shadow:none!important; display:inline-block; text-transform:uppercase; cursor:pointer; font-size: 12px; } .btn-tertiary:is(:hover,:focus,:active) { background-color:rgba(var(--orange))!important; color:rgba(var(--blanc))!important; text-decoration:none; border:1px solid rgba(var(--orange))!important; box-shadow:none!important; } .modal-footer .btn-tertiary { padding-top: 10px; padding-bottom: 10px; font-size:1rem; } .btn-fleche, .tab-content .tab-pane .onglet-content .onglet-link .field--name-field-lien a { border-radius:25px; background-color:transparent; padding: 10px 35px; text-decoration:none; box-shadow:none!important; display:flex; width: fit-content; align-items:center; border:1px solid; color:inherit; text-transform:uppercase; letter-spacing: 1.1px; font-size:0.95em; cursor:pointer; } .btn-fleche::before, .tab-content .tab-pane .onglet-content .onglet-link .field--name-field-lien a::before, .btn-fleche::after, .tab-content .tab-pane .onglet-content .onglet-link .field--name-field-lien a::after { content:"›"; color:rgba(var(--orange)); margin-left:7px; font-size:20px; width:12px; text-align:center; display:inline-block; order:2; } .btn-fleche::after, .tab-content .tab-pane .onglet-content .onglet-link .field--name-field-lien a::after { visibility: hidden; opacity: 0; margin-left:0; transition: visibility 0s, opacity 0.1s linear; } .btn-fleche.orange { color:rgba(var(--orange)); } .btn-fleche.orange-clair { color:rgba(var(--orange2)); } .btn-fleche.bleu-clair { color:rgba(var(--bleu3)); } .btn-fleche.bleu { color:rgba(var(--bleu)); } .btn-fleche.bleu-fonce { color:rgba(var(--bleu2)); } .btn-fleche.blanc { color:rgba(var(--blanc)); } .btn-fleche.fond, .tab-content .tab-pane .onglet-content .onglet-link .field--name-field-lien a { background-color:rgba(var(--blanc)); border-color:rgba(var(--blanc)); color:rgba(var(--bleu2)); } .btn-fleche.fond:hover { background-color:rgba(var(--blanc)); color:rgba(var(--bleu2)); } .btn-fleche:hover, .tab-content .tab-pane .onglet-content .onglet-link .field--name-field-lien a:hover { background-color:rgba(var(--bleu2)); border-color:rgba(var(--bleu2)); color:rgba(var(--blanc)); } .btn-fleche:hover::after, .tab-content .tab-pane .onglet-content .onglet-link .field--name-field-lien a:hover::after { visibility: visible; opacity: 1;} .btn-fleche:not(.fond):hover::before, .tab-content .tab-pane .onglet-content .onglet-link .field--name-field-lien a:hover::before, .btn-fleche:not(.fond):hover::after, .tab-content .tab-pane .onglet-content .onglet-link .field--name-field-lien a:hover::after { color:rgba(var(--blanc)); visibility: visible; opacity: 1;} .text-align-right .btn-fleche { margin-left:auto; } .text-align-center .btn-fleche { margin:auto; } p { margin-bottom:0; } p + * { margin-top:1rem; } img.align-right { margin:0 0 50px 50px; } img.align-left { margin:0 50px 50px 0; } .h1 { text-transform:none; } h1, .font-size-1 { font-size: 60px; line-height: 1.08; letter-spacing: normal; font-weight: 100; } .font-size-2 { font-size: 45px; line-height: 1.04; letter-spacing: normal; font-weight: normal; } .font-size-3 { font-size: 25px; line-height: 1.2; letter-spacing: normal; font-weight: 300; } .font-size-4 { font-size: 13px; line-height: 1.11; letter-spacing: 4.16px; font-weight: normal; } .font-size-5 { font-size: 22px; line-height: 1.2; letter-spacing: normal; font-weight: normal; } span.orange { color:rgba(var(--orange))!important; } span.orange-clair { color:rgba(var(--orange2))!important; } span.bleu-clair { color:rgba(var(--bleu3))!important; } span.bleu { color:rgba(var(--bleu))!important; } span.bleu-fonce { color:rgba(var(--bleu2))!important; } span.blanc { color:rgba(var(--blanc))!important; } span.rouge { color:rgba(var(--rouge))!important; } span.vert { color:rgba(var(--vert))!important; } span.noir { color:rgba(var(--gris2))!important; } span.opacite { opacity:0.5!important; } span.majuscule { text-transform:uppercase!important; } h1, h2, h3, h4, h5, h6 { margin-top: 0; } h1 { font-weight:bold; } h2, .h2 { font-size: 13px; font-weight: 900; margin-bottom:1rem; line-height: 1.11; letter-spacing: 4.16px; } .block-custom-type, #section.withSidebar > .container > .row { display:flex; flex-wrap:wrap; justify-content:space-between; height:100%; } .block-custom-type.with-container, .block-custom-type:not(.with-container) .pave { background-repeat:no-repeat; background-position:top center; background-size:100%; background-size:cover; } .block-custom-type:not(.with-container) .pave .field { padding:50px 60px; } .block-custom-type.with-container .pave .container { padding:75px 60px; } .block-custom-type:not(.with-container) .pave, .block-custom-type:not(.with-container) .pave .field { border-radius:25px; } .block-custom-type .pave { box-shadow: 0 0 25px 0 rgba(var(--noir), 0.1); } .block-custom-type .pave.pave-33, #section #sidebar { width:33%; } .block-custom-type .pave.pave-50 { width:49%; } .block-custom-type .pave.pave-66, #section.withSidebar #content { width:65%; } .block-custom-type .pave.pave-100, #section #content { width:100%; } .block-custom-type .pave.bg-transparent { background-color:transparent; } .block-custom-type .pave.bg-blanc { background-color:rgba(var(--blanc)); } .block-custom-type .pave.bg-orange { background-color:rgba(var(--orange)); color:rgba(var(--blanc)); } .block-custom-type .pave.bg-orange-clair { background-color:rgba(var(--orange2)); color:rgba(var(--blanc)); } .block-custom-type .pave.bg-bleu-clair { background-color:rgba(var(--bleu3)); } .block-custom-type .pave.bg-bleu { background-color:rgba(var(--bleu)); color:rgba(var(--blanc)); } .block-custom-type .pave.bg-bleu-fonce { background-color:rgba(var(--bleu2)); color:rgba(var(--blanc)); } .block-custom-type.with-container .pave.with-image { background-color:rgba(var(--noir), 0.3)!important; } .block-custom-type:not(.with-container) .pave.with-image .field { background-color:rgba(var(--noir), 0.2)!important; height:100%; } .block-custom-type .pave:is(.pave.bg-bleu, .bg-bleu-fonce, .bg-orange) .btn-fleche:hover { background-color:rgba(var(--blanc)); border-color:rgba(var(--blanc)); color:rgba(var(--bleu2)); } .block-custom-type .pave:is(.pave.bg-bleu, .bg-bleu-fonce, .bg-orange) a { color:rgba(var(--blanc)); } div:is(#featured_1) .block-custom-type .pave { box-shadow:none; } div:is(#featured_1) .block-custom-type .pave.bg-transparent { border:1px solid rgba(var(--bleu)); color:rgba(var(--blanc)); } .block-custom-type .pave:is(.pave.bg-bleu, .bg-bleu-fonce, .bg-orange) .ui-accordion .views-row + .views-row, .block-custom-type .pave:is(.pave.bg-bleu, .bg-bleu-fonce, .bg-orange) .ckeditor-accordion-container > dl dd + dt { border-color:rgba(var(--blanc),0.5); } .block-custom-type .pave:is(.pave.bg-bleu, .bg-bleu-fonce, .bg-orange) .ui-accordion .ui-accordion-header *, .block-custom-type .pave:is(.pave.bg-bleu, .bg-bleu-fonce, .bg-orange) .ui-accordion .ui-accordion-header a, .block-custom-type .pave:is(.pave.bg-bleu, .bg-bleu-fonce, .bg-orange) .ckeditor-accordion-container > dl dt > a, .block-custom-type .pave:is(.pave.bg-bleu, .bg-bleu-fonce, .bg-orange) .ckeditor-accordion-container > dl dt > a:not(.button) { color:rgba(var(--blanc)); } .block-custom-type .pave:is(.pave.bg-bleu, .bg-bleu-fonce, .bg-orange) .ui-accordion .ui-accordion-header.ui-accordion-header-active a, .block-custom-type .pave:is(.pave.bg-bleu, .bg-bleu-fonce, .bg-orange) .ckeditor-accordion-container > dl dt.active a { color:rgba(var(--blanc)); } .block-custom-type .pave:is(.pave.bg-bleu, .bg-bleu-fonce, .bg-orange) .ui-accordion .ui-accordion-content, .block-custom-type .pave:is(.pave.bg-bleu, .bg-bleu-fonce, .bg-orange) .ckeditor-accordion-container > dl dd.active { color:rgba(var(--blanc),0.5); } .nav-tabs, .view-financement .view-content { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; border:none!important; } .bootstrap-tabs .nav-tabs::after { display:none; } .nav-tabs li a, .view-financement .view-content .views-row a { padding:12px 32px 12px 12px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; background-color:rgba(var(--gris5)); border-radius:25px; color:rgba(var(--gris2)); text-decoration:none; text-transform:uppercase; border:none!important; } .nav-tabs li a:not(.active):hover, .nav-tabs li:not(.active) a:hover, .view-financement .view-content .views-row a:not(.active):hover { text-decoration:underline; } .nav-tabs li a.active, .nav-tabs li.active a, .view-financement .view-content .views-row a.active {background-color:rgba(var(--bleu))!important; color:rgba(var(--blanc))!important; } .nav-tabs li a.active:hover, .nav-tabs li.active a:hover, .view-financement .view-content .views-row a.active:hover { text-decoration:none; } .nav-tabs li a img, .view-financement .view-content .views-row a img { margin-right:20px; } .tab-content { margin:45px 0; } .tab-content .tab-pane { border:none; border-radius:25px; } .tab-content .tab-pane .onglet-content, .tab-content .tab-pane .tab-pane-content { background-color:rgba(var(--blanc)); border-radius:25px; padding:50px 60px; } .tab-content .tab-pane .onglet-content { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; } .tab-content .tab-pane .onglet-content .field--name-field-contenu { width:100%; } .tab-content .tab-pane.background-image { background-repeat:no-repeat; background-position:top center; background-size:100%; background-size:cover; } .tab-content .tab-pane.background-image * { color:rgba(var(--blanc)); } .tab-content .tab-pane.background-image .onglet-content { background-color:rgba(var(--noir), 0.2); } .tab-content .tab-pane.background-image .onglet-content .field--name-field-contenu { background-color:transparent; } .bootstrap-tabs .tab-content .tab-pane .tab-pane-content { border:2px solid rgba(var(--gris5)) } div:is(#block-views-block-en-tete-block-2, #block-views-block-en-tete-block-3) .field-content { width:100%; } .tab-content .tab-pane .onglet-content .field--name-field-tags, .tab-content .tab-pane .onglet-content .onglet-link, div:is(#block-views-block-en-tete-block-2, #block-views-block-en-tete-block-3) .views-field-php-2 .field-content { display:flex; flex-wrap:wrap; align-items:center; margin-top:1rem; } .tab-content .tab-pane .onglet-content .field--name-field-tags .field__item, div:is(#block-views-block-en-tete-block-2, #block-views-block-en-tete-block-3) .views-field-php-2 .field-content .tag { text-transform:uppercase; font-size: 11px; line-height: 1.6; letter-spacing: 0.9px; padding:5px 8px; background-color: rgba(var(--blanc), 0.6); color:rgba(var(--gris3)); border-radius:5px; margin-right:15px; margin-bottom:5px; } .tab-content .tab-pane .onglet-content .field--name-field-tags .field__item:last-child, div:is(#block-views-block-en-tete-block-2, #block-views-block-en-tete-block-3) .views-field-php-2 .field-content .tag:last-child { margin-right:0px; } .tab-content .tab-pane .onglet-content .onglet-link .field--name-field-picto { margin-right:15px; } form { width:100%; } form.flex { display:flex; flex-wrap:wrap; justify-content:space-between; } form.webform-submission-form { display:flex; flex-wrap:wrap; justify-content:space-between; } *:is(form,div.form) .form-item:not(.form-type-processed-text, .form-wrapper) { margin-top: 0; margin-bottom: 1em; width:100%; } *:is(form,div.form) .form-item.form-type-processed-text { margin-bottom:2rem; } *:is(form,div.form) .form-item.form-wrapper { margin:0; } *:is(form,div.form) .form-item.form-wrapper, *:is(form,div.form) .form-item .fieldset-wrapper, *:is(form,div.form) .form-item .form-textarea-wrapper { width:100%; height: 100%; } *:is(form,div.form) .form-item.form-wrapper, *:is(form,div.form) .form-item .fieldset-wrapper textarea, *:is(form,div.form) .form-item .form-textarea-wrapper textarea { height: 100%;} *:is(form,div.form) .form-item.item-75 { width:74%; } *:is(form,div.form) .form-item.item-50 { width:49%; } *:is(form,div.form) .form-item.item-33 { width:32%; } *:is(form,div.form) .form-item.item-25 { width:24%; } *:is(form,div.form) .form-item.item-min-75 { min-width:74%; } *:is(form,div.form) .form-item.item-min-50 { min-width:49%; } *:is(form,div.form) .form-item.item-min-33 { min-width:32%; } *:is(form,div.form) .form-item.item-min-25 { min-width:24%; } *:is(form,div.form) .form-item.form-item-select { position:relative; } form .form-item.form-item-select::after { content:"expand_more"; position:absolute; right:5px; top:50%; margin-top:-15px; color:rgba(var(--bleu)); font-family:"Material icons"; font-size:20px; } *:is(form,div.form) .form-item .form-text { margin-top:0; } *:is(form,div.form) .form-item label { color:rgba(var(--gris1)); } *:is(form,div.form) .form-item .span-explication { font-size: 13px; font-style: italic; color:rgba(var(--gris1)); margin-left: 18px; } *:is(form,div.form).with-label .form-item { position: relative; display: flex; margin-top: 1.3rem; align-items: start; flex-wrap: wrap; } *:is(form,div.form).with-label .form-item label { color:rgba(var(--gris1),0.5); position: absolute; top: -6px; left: 25px; cursor: text; transition: transform .2s ease-out,color .2s ease-out; transform-origin: 0 100%; text-align: initial; transform: translateY(1rem); } *:is(form,div.form).with-label .form-item .span-explication { color:rgba(var(--gris1),0.5); } *:is(form,div.form).with-label .form-item:focus-within label, *:is(form,div.form).with-label .form-item.animation label { left: 10px; transform: translateY(-100%); transform-origin: 0 0; font-size: .8rem; color:rgba(var(--gris3),0.7); } *:is(form,div.form).with-label .form-item:not(.animation,:focus-within) *:is(input,textarea) { color: rgba(var(--gris1),0.5); } *:is(form,div.form) .form-item.form-item-select[class*="col-"]::after { right: 20px;} *:is(form,div.form).with-label .form-item[class*="col-"] label { left: 40px;} *:is(form,div.form).with-label .form-item[class*="col-"].animation label { left: 25px;} *:is(form,div.form).with-label h2 { margin-bottom: 2rem; color:rgba(var(--bleu)); letter-spacing: 2px; } *:is(form,div.form).with-label h2 span { letter-spacing: 0; font-weight: normal; color: rgba(var(--gris3),0.6); font-size: 0.85em; } *:is(form,div.form).with-label h2 .item-counter { letter-spacing: 0; float: right; color: rgba(var(--rouge)); } *:is(form,div.form).with-label hr { margin: 1rem 0 1.5rem; border-color: rgba(var(--bleu),0.5); } *:is(form,div.form) .form-item input:not([type="submit"],[type="button"],[type="radio"],[type="checkbox"]), *:is(form,div.form) .form-item select, *:is(form,div.form) .form-item .form-textarea-wrapper textarea, *:is(form,div.form) .form-item span.select2, *:is(form,div.form) .form-item .valeur { text-align: left; background-color:rgba(var(--bleu4)); border-radius:25px; border:none; padding:10px 25px; width: 100%; resize: vertical; } *:is(form,div.form) .form-item .valeur { min-height: 41px; background-color:rgba(var(--bleu4),.5); color:rgba(var(--noir),0.5);} *:is(form,div.form) .form-item input[type=file] { color: rgba(var(--gris1),0.5);} *:is(form,div.form) .form-item span.select2 { padding-top:6px; padding-bottom:6px; width: 100%!important; } *:is(form,div.form) .form-item span.select2 .select2-selection--single { background-color:transparent; border:none; text-align:left; } *:is(form,div.form) .form-item span.select2 .select2-selection--single .select2-selection__clear { margin-right:-10px; } *:is(form,div.form) .form-item span.select2 .select2-selection--single .select2-selection__arrow { display:none; } *:is(form,div.form) .form-item span.select2 .select2-selection--single .select2-selection__rendered { color:#000; } .select2-dropdown { color:#000; border:1px solid #666!important; border-radius:4px!important; } *:is(form,div.form) .form-item .form-textarea-wrapper textarea { min-height:150px; } *:is(form,div.form) .form-item .form-textarea-wrapper textarea.petit { min-height: 60px; } *:is(form,div.form) .form-item .form-textarea-wrapper textarea.moyen { min-height: 100px; } *:is(form,div.form) .form-item .form-textarea-wrapper textarea.grand { min-height: 330px; } *:is(form,div.form) .form-item .dataManagement .form-textarea-wrapper textarea { min-height:0; } *:is(form,div.form) .form-item input.required, *:is(form,div.form) .form-item select.required, *:is(form,div.form) .form-item select.required + span.select2, *:is(form,div.form) .form-item .form-textarea-wrapper textarea.required { background-image:url(../images/required.svg); background-position:left 10px top 17px; background-repeat:no-repeat; background-size: 6.5px; padding-left: 25px!important; } label.form-required { display:flex; align-items:center; } label.form-required::before { content:" "; display:inline-block; height:7px; width:7px; background-image:url(../images/required.svg); background-size: 6.5px; background-repeat:no-repeat; margin-right:7px; } label.form-required::after { display:none; } *:is(form,div.form) .form-item select option { background-color:rgba(var(--blanc)); } *:is(form,div.form) .form-item label:not(.visually-hidden) + input, *:is(form,div.form) .form-item label:not(.visually-hidden) + select, *:is(form,div.form) .form-item label:not(.visually-hidden) + .form-textarea-wrapper { width: calc(100% - 225px); } form .captcha { width:100%; } form .js-webform-states-hidden, form .js-webform-states-hidden[style*="display: block"] + .captcha { width:49%; } form input[name*="upload_button"] { display:none; } form input:is([name*="remove_button"], [name*="upload_button"]) { background:rgba(var(--blanc)); border:1px solid rgba(var(--orange)); border-radius:10px; color:rgba(var(--orange)); } form input:is([name*="remove_button"], [name*="upload_button"]):hover { background:rgba(var(--orange)); color:rgba(var(--blanc)); } form .form-actions { margin-top:30px; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; width:100%; } form .g-recaptcha > div { margin: 1rem auto; } form fieldset { border: 1px solid rgba(var(--bleu)); border-radius: 15px; padding: 50px 25px 1rem; position: relative; overflow: hidden; } form fieldset legend { position: absolute; left: 0; top: 0; padding: 5px 25px; background: rgba(var(--bleu)); color: rgba(var(--blanc)); font-size: 1rem; } form table.dataManagement { width:100%; } form table.dataManagement tr td .duplicateRow { display:flex; justify-content:center; align-items:center; width:35px; height:35px; margin:auto; color:rgba(var(--noir)); border-radius:50%; box-shadow: 0 0 25px 0 rgba(var(--noir), 0.1); } form table.dataManagement tr td .duplicateRow:hover { box-shadow: 0 0 25px 0 rgba(var(--noir), 0.15); color:rgba(var(--orange)); cursor:pointer; } form table.dataManagement tr td .duplicateRow + .removeRow { margin-top: 5px;} form table.dataManagement tr td .removeRow { display:flex; justify-content:center; align-items:center; width:35px; height:35px; margin:auto; color:rgba(var(--noir)); border-radius:50%; box-shadow: 0 0 25px 0 rgba(var(--noir), 0.1); } form table.dataManagement tr td .removeRow:hover { box-shadow: 0 0 25px 0 rgba(var(--noir), 0.15); color:rgba(var(--orange)); cursor:pointer; } form table.dataManagement tr.btn-addRow { text-align:center; } form table.dataManagement tr.btn-addRow td .addRow { display:inline-block; } form table.dataManagement.withoutHeader tbody tr.ligne { border-top:3px solid rgba(var(--gris6)); } form table.dataManagement.withoutHeader tbody tr.ligne td { padding-top:1em; } form table.dataManagement.withoutHeader tbody tr.hide + tr.ligne { border-top:0; } form table.dataManagement.withoutHeader tbody tr.hide + tr.ligne td { padding-top:0; } form table.dataManagement.withoutHeader tbody tr.ligne td:last-child { width:75px; } form table.dataManagement tbody tr.ligne td:last-child { vertical-align:middle!important; } form table tr td .form-item { margin:0 0 15px!important; } form table.dataManagement tr td .form-item { margin:0 0 0!important; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } select:invalid { color:rgba(var(--gris3), 0.7); } select > option { color: rgba(var(--gris1)); } select option[value=""], select option:not([value]) { color:rgba(var(--gris3), 0.7); } .page-node-type-article .a2a_kit.addtoany_list { padding: 50px 60px; background-color:rgba(var(--bleu)); display: block; margin-top: 30px; border-radius: 20px; display:flex; align-items:center; justify-content:space-between; width:100%; } .page-node-type-article .a2a_kit.addtoany_list::before { content: "Partager cette article sur vos plateformes"; color: rgba(var(--blanc)); font-size:25px; } .page-node-type-article .a2a_kit.addtoany_list a + a { margin-left:14px; } .page-node-type-article .a2a_kit.addtoany_list a > span { background-color:rgba(var(--blanc))!important; border-radius:50%; padding:3px; height:38px; width:38px; } .page-node-type-article .a2a_kit.addtoany_list a > span svg path { fill: rgba(var(--bleu)); } /******************************************************************************************************************/ /************************************************** HEADER ********************************************************/ /******************************************************************************************************************/ #header { padding:20px 0; background-color:rgba(var(--blanc)); } #header #header-body > .container > .row { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; } #header #header-body > .container > .row #header-logo #block-izianet-site-branding #logo { display:block; max-width:100px; } #header #header-body > .container > .row #header-right .region-header-right { display:flex; flex-wrap:wrap; justify-content:end; align-items:center; } #header #header-body > .container > .row #header-right .region-header-right .block-superfish { margin-top:15px; width: auto; } #header #header-body > .container > .row #header-right .region-header-right .block-superfish ul.sf-menu { display:flex; flex-wrap:wrap; } #header #header-body > .container > .row #header-right .region-header-right .block-superfish ul.sf-menu li { text-align:center; margin:0 15px; float:none; } #header #header-body > .container > .row #header-right .region-header-right .block-superfish ul.sf-menu li::after { content:"•"; color:rgba(var(--blanc)); text-align:center;} #header #header-body > .container > .row #header-right .region-header-right .block-superfish ul.sf-menu li a { text-decoration:none; color:rgba(var(--gris4)); text-transform:uppercase; padding:0px; } #header #header-body > .container > .row #header-right .region-header-right .block-superfish ul.sf-menu li.active-trail::after { color:rgba(var(--orange)); } #header #header-body > .container > .row #header-right .region-header-right .block-superfish ul.sf-menu li.active-trail a { color:rgba(var(--gris2)); font-weight: bold; } #header #header-body > .container > .row #header-right .region-header-right .block-superfish ul.sf-menu li.active-trail a:hover { text-decoration:none; } #header #header-body > .container > .row #header-right .region-header-right .block-custom-type .pave.pave-100 { padding:0; } #header #header-body > .container > .row #header-right .region-header-right #block-boutonrecherche { margin:0 20px 0 15px; width:auto; } #header #header-body > .container > .row #header-right .region-header-right #block-boutonrecherche .field--name-body p { font-family:'Material Icons'; font-size:18px; line-height:14px; margin-bottom:0; cursor:pointer; } #header #header-body > .container > .row #header-right .region-header-right #block-boutonmoncompte { position:relative; margin:0 0 0 20px; width:auto; } #header #header-body > .container > .row #header-right .region-header-right #block-boutonmoncompte::before { content:""; width:1px; background-color:rgba(var(--gris4)); display:table; height:30px; position:absolute; left:-20px; top:2px; } #header #header-body > .container > .row #header-right .region-header-right #block-boutonmoncompte .field--name-body { display:flex; flex-wrap:wrap; align-items:center; } #header #header-body > .container > .row #header-right .region-header-right #block-boutonmoncompte .field--name-body p { margin-bottom:0; margin-top:0; } #header #header-body > .container > .row #header-right .region-header-right #block-boutonmoncompte .field--name-body p:first-child a { text-decoration:none; color:rgba(var(--gris4)); text-transform:uppercase; padding:5.5px 40px 5.5px 0; background-image:url(../images/picto-mon-compte.png); background-position:right center; background-repeat:no-repeat; display:block; position:relative; text-align:center; } #header #header-body > .container > .row #header-right .region-header-right #block-boutonmoncompte .field--name-body p:first-child a:hover { text-decoration:underline; } #header #header-body > .container > .row #header-right .region-header-right #block-boutonmoncompte .field--name-body p:first-child a span { position: absolute; top: -2px; right: -5px; background-color: rgba(var(--orange)); border-radius: 50%; min-width: 15px; min-height: 15px; padding: 2px; font-size: 10px; line-height: 12px; color:rgba(var(--blanc)); } #header #header-body > .container > .row #header-right .region-header-right #block-boutonmoncompte .field--name-body p:nth-child(2) a { margin-left:15px; font-family: 'Material Symbols Outlined'; border: 1px solid; display: flex; border-radius: 15px; height: 27px; width: 27px; justify-content: center; align-items: center; font-size: 20px; text-decoration:none; } #header #header-body > .container > .row #header-right .region-header-right #block-boutonmoncompte .field--name-body p:nth-child(2) a:hover,body.path-mes-favoris #header #header-body > .container > .row #header-right .region-header-right #block-boutonmoncompte .field--name-body p:nth-child(2) a { color:rgba(var(--gris2)); } #block-majoffresrecherchesimple { background-color:rgba(var(--bleu)); display:none; position:absolute; top:0; left:0; width:100%; z-index:1; } #block-majoffresrecherchesimple form { padding:18px 10%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; width:100%; } #block-majoffresrecherchesimple form input[type=text] { padding:10px 50px 10px 25px; background:url(../images/icon-loupe.png) no-repeat right 10px center #edeeff; border-radius:7px; border:none; width:calc(100% - 60px); } #block-majoffresrecherchesimple form input[type=submit] { padding:0 5px; background-color:#edeeff; border-radius:15px; border:none; font-family:"Material icons"; font-size: 30px; line-height: 41px; font-weight: bold; text-transform:none; } #block-majoffresrecherchesimple form input[type=submit]:hover { color:rgba(var(--orange)); } .search-result { background:rgba(var(--bleu2)); padding:25px; position:absolute; width:100%; top:100px; display:none; z-index:10; } .search-result .container .row::before { display: table; content: " "; width: 22px; height: 11px; background-image: url(../images/arrow_search.png); background-repeat: no-repeat; background-position: center center; position: absolute; top: -10px; left: 60px; } .search-result .container .row ul { margin-bottom:0px; padding:0; } .search-result .container .row ul + ul { border-top:2px dashed #ffffff; padding-top:25px; } .search-result .container .row ul li { list-style:none; } .search-result .container .row ul li + li { margin-top:10px; } .search-result .container .row ul li a { color:#ffffff; text-decoration:none; } .search-result .container .row ul li a:hover { text-decoration:underline; } #block-majoffresrecherchesimple .search-result { top:79px; } #block-majoffresrecherchesimple .search-result .container .row { padding:0px 10%; } #block-majoffresrecherchesimple .search-result .container .row::before { top: -11px; left: 20%; } #block-majoffresrechercheavancee .search-result { border-radius:25px; top:75px; } #block-majoffresrechercheavancee .search-result .container .row { padding:0px 15px; } #highlighted > div { padding:15px 0; height:100%; } #highlighted #block-izianet-breadcrumbs #breadcrumb .breadcrumb { background:none; padding:0; margin:15px 0 60px; opacity:0.6; } #highlighted #block-izianet-breadcrumbs #breadcrumb .breadcrumb a, #highlighted #block-izianet-breadcrumbs #breadcrumb .breadcrumb span { margin-right:5px; font-style:italic; text-decoration:none; } #highlighted #block-izianet-breadcrumbs #breadcrumb .breadcrumb a:hover { text-decoration:underline; } #highlighted .view-en-tete .views-field-title .field-content { display:flex; flex-wrap:wrap; align-items:center; } #highlighted .view-en-tete .views-field-title .field-content *:is(.maj-favorite,.maj-send,.maj-alerte) { font-family: 'Material Symbols Outlined'; border:1px solid; display: flex; border-radius: 15px; height: 35px; width: 34px; justify-content: center; align-items: center; margin-right:10px; cursor:pointer; font-size:20px; } #highlighted .view-en-tete .views-field-title .field-content *:is(.maj-favorite,.maj-send,.maj-alerte):not(.active):hover { border-color:rgba(var(--orange)); color:rgba(var(--orange)); } #highlighted .view-en-tete .views-field-title .field-content *:is(.maj-favorite,.maj-alerte).active { border-color:rgba(var(--orange)); background-color:rgba(var(--orange)); color:rgba(var(--blanc)); } #highlighted .view-en-tete .views-field-title .field-content .maj-favorite::before { content:"heart_plus"; } #highlighted .view-en-tete .views-field-title .field-content .maj-favorite.active::before { content:"heart_minus"; } #highlighted .view-en-tete .views-field-title .field-content .maj-alerte::before { content:"notifications"; } #highlighted .view-en-tete .views-field-title .field-content .maj-alerte.active::before { content:"notifications_active"; } #highlighted .view-en-tete .views-field-title .field-content img { margin-right:10px; } #highlighted .view-en-tete .views-field-title .field-content h1 { font-size:25px; line-height: 1.44; margin:10px 0 0 0; width:100%; } #highlighted .view-en-tete .views-field-field-sur-titre { text-transform:uppercase; font-size: 13px; font-weight: 900; letter-spacing: 4.16px; } #highlighted div:is(#block-views-block-en-tete-block-2, #block-views-block-en-tete-block-3) .view-en-tete .views-field-php-2 { min-height:2rem; } #highlighted div:is(#block-views-block-en-tete-block-2, #block-views-block-en-tete-block-3) .view-en-tete *:is(.views-field-php-3, .views-field-field-programme-pdf-formation, .views-field-addtoany-share) { float: right; } #highlighted div:is(#block-views-block-en-tete-block-2, #block-views-block-en-tete-block-3) .view-en-tete *:is(.views-field-php-3, .views-field-field-programme-pdf-formation) .field-content { display:flex; align-items:center; justify-content:end; } #highlighted div:is(#block-views-block-en-tete-block-2, #block-views-block-en-tete-block-3) .view-en-tete *:is(.views-field-php-3, .views-field-field-programme-pdf-formation) .field-content a { padding:7px 12px; border-radius: 10px; border: solid 1.5px; font-size:18px; text-decoration:none; } #highlighted #block-views-block-en-tete-block-3 .view-en-tete .views-field-field-programme-pdf-formation .field-content a { display:flex; flex-wrap:wrap; align-items:center; margin-left:10px; } #highlighted #block-views-block-en-tete-block-3 .view-en-tete .views-field-field-programme-pdf-formation .field-content a span { margin-left:5px; } #highlighted div:is(#block-views-block-en-tete-block-2, #block-views-block-en-tete-block-3) .view-en-tete .views-field-php-3 .field-content span { padding:7px 12px; border-radius: 10px; border: solid 3px; font-size:20px; margin-left:15px; } #highlighted div:is(#block-views-block-en-tete-block-2, #block-views-block-en-tete-block-3) .view-en-tete .views-field-php-2 + *:is(.views-field-php-3, .views-field-field-programme-pdf-formation) { margin-top: -40px; } #highlighted div:is(#block-views-block-en-tete-block-2, #block-views-block-en-tete-block-3) .view-en-tete .views-field-addtoany-share { margin-top: -40px; } #highlighted div:is(#block-views-block-en-tete-block-2, #block-views-block-en-tete-block-3) .view-en-tete .views-field-addtoany-share::before { font-family: 'Material Symbols Outlined'; border:1px solid; display: flex; border-radius: 50%; height: 43px; width: 43px; justify-content: center; align-items: center; cursor:pointer; font-size:25px; content:"share"; padding-right:2px; } #highlighted div:is(#block-views-block-en-tete-block-2, #block-views-block-en-tete-block-3) .view-en-tete .views-field-addtoany-share .field-content { display:none; } #highlighted div:is(#block-views-block-en-tete-block-2, #block-views-block-en-tete-block-3) .view-en-tete .views-field-addtoany-share:hover::before { display:none; } #highlighted div:is(#block-views-block-en-tete-block-2, #block-views-block-en-tete-block-3) .view-en-tete .views-field-addtoany-share:hover .field-content { display: flex; border-radius: 25px; height: 43px; justify-content: center; align-items: center; border:1px solid; padding:0 15px; } #highlighted div:is(#block-views-block-en-tete-block-2, #block-views-block-en-tete-block-3) .view-en-tete .views-field-addtoany-share:hover .field-content .a2a_kit.addtoany_list a > span { background-color: transparent!important; } #highlighted div:is(#block-views-block-en-tete-block-2, #block-views-block-en-tete-block-3) .view-en-tete .views-field-addtoany-share:hover .field-content .a2a_kit.addtoany_list a:hover > span svg path { fill: rgba(var(--orange)); } /******************************************************************************************************************/ /*********************************************** STICKY HEADER ****************************************************/ /******************************************************************************************************************/ .sticky #header { position: fixed; width: 100%; background: rgba(var(--blanc)); z-index:500; padding:10px 0; top:0; border-bottom:1px solid rgba(var(--gris4)); } .toolbar-fixed.sticky #header { top: 39px; } .toolbar-horizontal.toolbar-tray-open #header { top: 79px; } .sticky #header #header-logo #logo img { max-height:70px; } /******************************************************************************************************************/ /*********************************************** OVERLAY MENU *****************************************************/ /******************************************************************************************************************/ #block-overlaymenutoggle { width:auto; display:none; } #overlay-menu-toggle { display:inline-block; width:40px; height:25px; cursor:pointer; position:relative; } #overlay-menu-toggle .menu-toggle-bar { display: block; position: absolute; top: 50%; margin-top: -1px; right: 0; width: 100%; height: 4px; border-radius: 4px; background-color: rgba(var(--noir)); transition: all 0.3s ease; } #overlay-menu-toggle .menu-toggle-bar.menu-toggle-bar--top { transform: translate(0, -8px); } #overlay-menu-toggle .menu-toggle-bar.menu-toggle-bar--bottom { transform: translate(0, 8px); } body.overlayOpen #overlay-menu-toggle .menu-toggle-bar.menu-toggle-bar--top { transform: translate(0, 0) rotate(45deg); } body.overlayOpen #overlay-menu-toggle .menu-toggle-bar.menu-toggle-bar--middle { opacity: 0; } body.overlayOpen #overlay-menu-toggle .menu-toggle-bar.menu-toggle-bar--bottom { transform: translate(0, 0) rotate(-45deg); } #overlay-menu { position: fixed; width: 100%; height: 100vh; top: 71px; background-color: rgba(var(--gris1)); z-index: 1000; display: flex; flex-direction:column; padding: 0; opacity: 0; visibility: hidden; } .toolbar-fixed #overlay-menu { top: 110px; } .toolbar-horizontal.toolbar-tray-open #overlay-menu { top: 79px; } body.sticky #overlay-menu.open { top:51px; } body.sticky.toolbar-fixed #overlay-menu.open { top:90px; } #overlay-menu #overlay-menu-2 { background-color: rgba(var(--bleu)); padding-bottom:55px; } #overlay-menu .region { width: 100%; padding:55px 0 0; } #overlay-menu .sf-accordion-toggle { display: none; } #overlay-menu .sf-accordion { padding:0 0 30px 0; border-bottom:1px dashed rgba(var(--blanc)); } #overlay-menu .sf-accordion, #overlay-menu .sf-accordion li { float:none; position:relative; } #overlay-menu .sf-accordion > li a, #overlay-menu .sf-accordion > li > span { color: rgba(var(--blanc)); text-align: left; font-size: 25px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; display: block !important; cursor: pointer; border: none; padding:0; margin-bottom:20px; text-decoration:none; } #overlay-menu .sf-accordion > li a:hover, #overlay-menu .sf-accordion > li > span:hover { text-decoration:underline; cursor:pointer; } #overlay-menu .sf-accordion .menuparent ul li a { padding: 15px 50px 15px 30px !important; } #overlay-menu .sf-accordion .menuparent ul { margin: 0; } #overlay-menu .sf-accordion .menuparent ul li { padding: 0 !important; } #overlay-menu .sf-accordion .menuparent ul .sf-depth-2 ul .sf-depth-3 a { padding: 15px 50px 15px 45px !important; line-height: 110%; } #overlay-menu .sf-accordion .sf-sub-indicator::after { content: ''; } #overlay-menu .sf-accordion>li>span.sf-depth-1.menuparent, #superfish-main--2-accordion>li.sf-depth-1.menuparent ul>li>a.sf-depth-2.menuparent, #overlay-menu .sf-accordion>li.sf-expanded span.sf-depth-1.menuparent, #superfish-main--2-accordion>li.sf-depth-1.menuparent ul>li.sf-expanded a.sf-depth-2.menuparent { position: relative; } #overlay-menu .sf-accordion>li>.sf-depth-1.menuparent::before, #overlay-menu .sf-accordion>li.sf-depth-1.menuparent ul>li>a.sf-depth-2.menuparent::before { content: ''; background: url(../images/drop-down.png) no-repeat; display: block; width: 45px; height: 45px; position: absolute; top: 5px; background-size: 1rem; background-position: center left; } #overlay-menu .sf-accordion>li>.sf-depth-1.menuparent::before { left: -15px; } #overlay-menu .sf-accordion>li.sf-depth-1.menuparent ul>li>a.sf-depth-2.menuparent::before { left: 7px; } #overlay-menu .sf-accordion>li.sf-expanded span.sf-depth-1.menuparent::before, #overlay-menu .sf-accordion>li.sf-depth-1.menuparent ul>li.sf-expanded a.sf-depth-2.menuparent::before { content: ''; background: url(../images/drop-right.png) no-repeat; display: block; width: 45px; height: 45px; position: absolute; top: 5px; background-size: 1rem; background-position: center left; } #overlay-menu .sf-accordion>li.sf-expanded span.sf-depth-1.menuparent::before { left: 0; } #overlay-menu .sf-accordion>li.sf-depth-1.menuparent ul>li.sf-expanded a.sf-depth-2.menuparent::before { left: 15px;} #overlay-menu .sf-accordion>li.sf-depth-1.menuparent ul>li { background-color: rgba(var(--couleur3)); border-bottom: 1px solid rgba(var(--gris2)); } #overlay-menu .sf-accordion>li.sf-depth-1 { padding: 0 !important; } #overlay-menu ul.sf-menu.sf-accordion.sf-expanded { position: absolute; right: 0; top: 40px !important; } /******************************************************************************************************************/ /************************************************* ACCUEIL ********************************************************/ /******************************************************************************************************************/ .path-frontpage #block-accueilvideo { display: flex; align-items: center; justify-content: center; max-height: 600px; overflow: hidden; } .path-frontpage #block-accueilvideo .field--name-body { width:100% } .path-frontpage #block-accueilvideo .field--name-body video { width: 100%; height:600px; object-fit: cover; } .path-frontpage #highlighted .container { position:relative; } .path-frontpage #block-accueiltitre { position:absolute; top:-500px; left:0; } .path-frontpage #block-accueiltitre h1 { color:rgba(var(--blanc)); padding-right:50%; width:100%; } #block-majoffresrechercheavancee { background-color:rgba(var(--blanc)); border-radius:25px; box-shadow: 0 0 25px 0 rgba(var(--noir), 0.1); width:100%; margin-top:-148px; margin-bottom:45px; position:relative; } .path-frontpage #block-majoffresrechercheavancee { margin-top: -155px; margin-bottom:72px; } .block:is(#block-majoffresrechercheavancee, #block-majoffresrecherchesimple-2) form { padding:20px 40px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; width:100%; } .block:is(#block-majoffresrechercheavancee, #block-majoffresrecherchesimple-2) form input[type=text] { padding:10px 35px 10px 10px; background:url(../images/icon-loupe.png) no-repeat right 10px center #edeeff; border-radius:7px; border:none; border:1.5px solid rgba(var(--bleu)); color: rgba(var(--gris2))!important; width:25%; } #block-majoffresrechercheavancee form input[type=text]::placeholder { color:rgba(var(--bleu), 0.4); } #block-majoffresrechercheavancee form #maj-offres-search-avancee-filtres { display:table; /*align-items:center;*/ width:calc((100% - 25%) - 80px); } #block-majoffresrechercheavancee form #maj-offres-search-avancee-filtres > div { display:table-cell; } .block:is(#block-majoffresrechercheavancee, #block-majoffresrecherchesimple-2) form input[type=submit] { padding:0 5px; background-color:rgba(var(--bleu))!important; border-color:rgba(var(--bleu))!important; color:rgba(var(--blanc)); border-radius:7px; border:none; font-family:"Material icons"; font-size: 30px; line-height: 41px; font-weight: bold; text-transform:none; } .block:is(#block-majoffresrechercheavancee, #block-majoffresrecherchesimple-2) form input[type=submit]:focus { color:rgba(var(--blanc))!important; } .block:is(#block-majoffresrechercheavancee, #block-majoffresrecherchesimple-2) form input[type=submit]:hover { background-color:rgba(var(--blanc))!important; color:rgba(var(--bleu))!important; } .view-chiffres-cles { text-align:center; } .view-chiffres-cles .slick-dots { bottom:-50px; } #block-accueilactus .field--name-field-contenu-pave-1 p a { margin-right:10px; } #block-accueilactus .field--name-field-contenu-pave-2 a { text-decoration:none; color:rgba(var(--orange)); } #block-accueilactus .field--name-field-contenu-pave-2 a:hover { text-decoration:underline; } #block-accueilactus .field--name-field-contenu-pave-2 .view-actualites { text-align:center; } #block-accueilactus .field--name-field-contenu-pave-2 .view-actualites h3 a { color:rgba(var(--gris2)); } #block-accueilactus .field--name-field-contenu-pave-2 .view-actualites .slick-dots { bottom:-50px; } .path-frontpage #featured_1 { padding-bottom:300px; } .path-frontpage #featured_2 #block-accueiltemoignages { margin-top:-245px; } .view-temoignages .slick-slider { padding-bottom:30px; } .view-temoignages .slick-slider .slick-dots { bottom:-12.5px; } .view-temoignages .slick-slider .slick-dots li button::before { color:rgba(var(--blanc)); opacity:1; } .view-temoignages .slick-slider .slick-dots li.slick-active button::before { color:rgba(var(--orange)); } .view-temoignages .slick__arrow { top:auto; bottom:2px; } #block-accueiltemoignages .field--name-field-contenu-pave-1 { padding-left:57%; text-align:right; } #block-accueiltemoignages .field--name-field-contenu-pave-1 .view-temoignages { margin-top:45px; } #block-accueiltemoignages .field--name-field-contenu-pave-1 .view-temoignages .slick-slider .views-field-body { font-size: 24px; font-style: italic; line-height: 1.25; } #block-accueiltemoignages .field--name-field-contenu-pave-1 .view-temoignages .slick-slider .views-field-field-temoin { font-size: 11px; font-weight: 900; color:rgba(var(--orange)); text-transform:uppercase;letter-spacing: 3.52px; margin-top:15px; } #block-accueilpartenaires .field--name-field-contenu-pave-2 .view-partenaires .slick-slide > div { display:flex; align-items:center; margin-bottom:20px; } #block-accueilpartenaires .field--name-field-contenu-pave-2 .view-partenaires .slick-slide > div .slide { padding:0 15px; } .view-partenaires .slick-dotted.slick-slider { margin-bottom:0; } .view-partenaires .views-field-views-conditional-field { display:flex; justify-content:center; } .view-partenaires .views-field-views-conditional-field img { filter: grayscale(1); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); opacity:0.5; } .view-partenaires .views-field-views-conditional-field img:hover { filter: none; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; opacity:1; } /******************************************************************************************************************/ /************************************************ ACTUALITES ******************************************************/ /******************************************************************************************************************/ .view-actualites .views-row + .views-row { margin-top:25px; padding-top:25px; border-top:1px solid rgba(var(--gris2),0.5); } .view-actualites .views-row .views-field-title a { color:rgba(var(--gris2)); text-decoration:none; } .view-actualites .views-row .views-field-title a:hover { text-decoration:underline; } .view-actualites .views-row .views-field-view-node { text-align:right; margin-top:15px; } /******************************************************************************************************************/ /************************************************* NOS OFFRES ********************************************************/ /******************************************************************************************************************/ body:is(.page-node-4031) #highlighted, .page-node-type-parcours #highlighted { margin-bottom:60px; } body:is(.page-node-4031,.page-node-4462, .page-node-4462) #block-majoffresresultats { position:relative; } body:is(.page-node-4031,.page-node-4462) #block-majoffresresultats #offres-counter { position:absolute; font-size: 20px; font-weight: 300; line-height: 1.8; color: rgba(var(--blanc)); right:0; top:-245px; padding:7px 12px; border-radius: 10px; border: solid 3px; } body:is(.page-node-4462) #block-majoffresresultats #offres-counter { top:-375px; } body.toolbar-horizontal:is(.page-node-4031) #block-majoffresresultats #offres-counter { top:-340px; } body.toolbar-horizontal:is(.page-node-4462) #block-majoffresresultats #offres-counter { top:-465px; } .listing-offres { display:flex; flex-wrap:wrap; justify-content:space-between; } .modal-content .modal-body .listing-offres { justify-content:space-around; } .listing-offres .offre { width:48.5%; margin-bottom:3%; border-radius: 20px; box-shadow: 0 0 25px 0 rgba(var(--noir), 0.1); background-color:rgba(var(--blanc)); position:relative; } .listing-offres .offre:hover { box-shadow: 0 0 25px 0 rgba(var(--noir), 0.3); } .listing-offres .offre.parcours::before, .listing-offres .offre.parcours::after { content: " "; background: rgba(var(--blanc)); padding: 20.5px 21.5px 20.5px 35px; width: 100%; display: block; position: absolute; height: 100%; z-index: -10; border-radius: 20px; transition: top 1s, left 1s; top:0; left:0; } .listing-offres .offre.parcours:hover::before { top: -20px!important; left: 20px; box-shadow: 0 0 25px 0 rgba(var(--noir), 0.3); } .listing-offres .offre.parcours:hover::after { top: -10px!important; left: 10px; box-shadow: 0 0 25px 0 rgba(var(--noir), 0.3); } .listing-offres .offre a { padding:20.5px 21.5px 20.5px 35px; display:flex; flex-wrap:wrap; justify-content:space-between; height:100%; text-decoration:none; align-items:center; } .listing-offres .offre .offre-infos { display:flex; flex-direction:column; justify-content:space-between; width:49%; } .listing-offres .offre .offre-infos .offre-infos-header .offre-date { font-weight: bold; line-height: 1.31; letter-spacing: 1.1px; color: rgba(var(--bleu6)); text-transform:uppercase; opacity:0.5; } .listing-offres .offre .offre-infos .offre-infos-header h2 { font-size: 17px; font-weight: bold; line-height: 1.39; letter-spacing: normal; text-decoration:none; text-transform:none; } .listing-offres .offre.parcours .offre-infos .offre-infos-header h2 { color:rgba(var(--jaune)); } .listing-offres .offre.Formation .offre-infos .offre-infos-header h2 { color:rgba(var(--bleu6)); } .listing-offres .offre.Voyage .offre-infos .offre-infos-header h2 { color:rgba(var(--vert)); } .listing-offres .offre:is(.Replay, .Conférence) .offre-infos .offre-infos-header h2 { color:rgba(var(--rouge)); } .listing-offres .offre .offre-infos .offre-infos-header .offre-modalite { line-height: 1.31; letter-spacing: 1.1px; color: rgba(var(--bleu6)); text-transform:uppercase; opacity:0.5; } .listing-offres .offre .offre-infos .offre-infos-footer { display:flex; margin-top:30px; } .listing-offres .offre .offre-infos .offre-infos-footer .btn { border-radius:25px; color:rgba(var(--blanc)); padding: 8px 15px 8px 45px; text-decoration:none; box-shadow:none!important; display:inline-block; text-transform:uppercase; background-repeat:no-repeat; background-position:left 15px center; background-size:20px; font-size:12px; line-height: 1.31; letter-spacing: 1.1px; } .listing-offres .offre.parcours .offre-infos .offre-infos-footer .btn { background-color:rgba(var(--jaune)); background-image:url(../images/picto-parcours.png); } .listing-offres .offre.Formation .offre-infos .offre-infos-footer .btn { background-color:rgba(var(--bleu6)); background-image:url(../images/picto-formation.png); } .listing-offres .offre.Voyage .offre-infos .offre-infos-footer .btn { background-color:rgba(var(--vert)); background-image:url(../images/picto-voyage.png); } .listing-offres .offre:is(.Replay, .Conférence) .offre-infos .offre-infos-footer .btn { background-color:rgba(var(--rouge)); background-image:url(../images/picto-conference.png); } .listing-offres .offre .offre-infos .offre-infos-footer .offre-duree { padding: 8px 15px; border-radius: 15px; border: solid 1px; text-transform:uppercase; margin-left:15px; font-size:12px; font-weight:bold; } .listing-offres .offre.parcours .offre-infos .offre-infos-footer .offre-duree { color:rgba(var(--jaune));} .listing-offres .offre.Formation .offre-infos .offre-infos-footer .offre-duree { color:rgba(var(--bleu6)); } .listing-offres .offre.Voyage .offre-infos .offre-infos-footer .offre-duree { color:rgba(var(--vert));} .listing-offres .offre:is(.Replay, .Conférence) .offre-infos .offre-infos-footer .offre-duree { color:rgba(var(--rouge)); } .listing-offres .offre .offre-vignette { width:49%; position:relative; border-radius:15px; overflow:hidden; } .listing-offres .offre .offre-vignette .offre-vignette-hover { width:100%; height:100%; position:absolute; display:flex; align-items:center; justify-content:center; opacity:0; top:50%; left:0; color:rgba(var(--blanc)); font-size:20px; transition:top 0.5s; border-radius:15px; } .listing-offres .offre:hover .offre-vignette .offre-vignette-hover {top:0%; opacity:1; } .listing-offres .offre:hover .offre-vignette .offre-vignette-hover p { padding-top:60px; background-position:center top; background-repeat:no-repeat; text-align:center; } .listing-offres .offre.parcours .offre-vignette .offre-vignette-hover { background-color:rgba(var(--jaune),0.6);} .listing-offres .offre.Formation .offre-vignette .offre-vignette-hover { background-color:rgba(var(--bleu6),0.6); } .listing-offres .offre.Voyage .offre-vignette .offre-vignette-hover { background-color:rgba(var(--vert),0.6);} .listing-offres .offre:is(.Replay, .Conférence) .offre-vignette .offre-vignette-hover { background-color:rgba(var(--rouge),0.6); } .listing-offres .offre.parcours .offre-vignette .offre-vignette-hover p { background-image:url(../images/picto-parcours.png); } .listing-offres .offre.Formation .offre-vignette .offre-vignette-hover p { background-image:url(../images/picto-formation.png); } .listing-offres .offre.Voyage .offre-vignette .offre-vignette-hover p { background-image:url(../images/picto-voyage.png); } .listing-offres .offre:is(.Replay, .Conférence) .offre-vignette .offre-vignette-hover p { background-image:url(../images/picto-conference.png); } /******************************************************************************************************************/ /*********************************************** PARTENAIRES ******************************************************/ /******************************************************************************************************************/ body:not(.path-frontpage) .view-partenaires { border-radius:25px; box-shadow: 0 0 25px 0 rgba(var(--noir), 0.1); background-color:rgba(var(--blanc)); padding:30px; display:flex; justify-content:space-between; } body:not(.path-frontpage) .view-partenaires .view-header { width:27%; border:1.5px solid rgba(var(--bleu)); border-radius:15px; padding:40px; } body:not(.path-frontpage) .view-partenaires .view-content { width:70%; display:flex; flex-wrap:wrap; align-items:center; } body:not(.path-frontpage) .view-partenaires .view-content .views-row { width:25%; padding:0 15px; margin:7.5px 0; } /******************************************************************************************************************/ /******************************************* INFOS PRATIQUES ******************************************************/ /******************************************************************************************************************/ .page-node-4032 #section { padding-bottom:100px; } div:is(#block-infospratiquesbandeau, #block-infospratiquesbandeau-2) .field--name-field-contenu-pave-1 { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; } div:is(#block-infospratiquesbandeau, #block-infospratiquesbandeau-2) .field--name-field-contenu-pave-1::after { display:none; } div:is(#block-infospratiquesbandeau, #block-infospratiquesbandeau-2) .field--name-field-contenu-pave-1 p:nth-child(2) { background:url(../images/picto-sur-mesure.png) no-repeat left center; padding-left:60px; } /******************************************************************************************************************/ /******************************************* CONTACT ******************************************************/ /******************************************************************************************************************/ body.page-node-4072 #section { padding-top:0; } .page-node-4072 .region-content { display:flex; flex-wrap:wrap; justify-content:space-between; } .page-node-4072 .region-content #block-contactbandeau { width:100%; } .page-node-4072 .region-content #block-webform { padding:30px 30px 50px 30px; border-radius:25px; background-color:rgba(var(--blanc)); box-shadow: 0 0 25px 0 rgba(var(--noir), 0.1); width:70%; } .page-node-4072 .region-content #block-contactcoordonnees { width:calc(30% - 30px); } /******************************************************************************************************************/ /***************************************** CENTRE DE FORMATIONS ***************************************************/ /******************************************************************************************************************/ #block-views-block-centres-de-formation-block-1 { margin-top:-200px; } #block-views-block-centres-de-formation-block-1 .view-centres-de-formation .slick-list .slick-track { align-items:normal; } #block-views-block-centres-de-formation-block-1 .view-centres-de-formation .slick-list .slick-track .slide { float:none; height:auto; } #block-views-block-centres-de-formation-block-1 .view-centres-de-formation .slick-list .slick-track .slide .views-field-nothing-1 { height:100%; } #block-views-block-centres-de-formation-block-1 .view-centres-de-formation .slick-list .slick-track .slide .views-field-nothing-1 .field-content { height:100%; display:flex; justify-content:space-between; align-items:center; padding:30px 30px 50px 60px; border-radius:25px; } #block-views-block-centres-de-formation-block-1 .view-centres-de-formation .slick-list .slick-track .slide .views-field-nothing-1 .field-content.Bleu { background-color:rgba(var(--bleu)); } #block-views-block-centres-de-formation-block-1 .view-centres-de-formation .slick-list .slick-track .slide .views-field-nothing-1 .field-content.Bleu.fonce { background-color:rgba(var(--bleu2)); } #block-views-block-centres-de-formation-block-1 .view-centres-de-formation .slick-list .slick-track .slide .views-field-nothing-1 .field-content.Bleu.clair { background-color:rgba(var(--bleu3)); } #block-views-block-centres-de-formation-block-1 .view-centres-de-formation .slick-list .slick-track .slide .views-field-nothing-1 .field-content.Orange { background-color:rgba(var(--orange)); } #block-views-block-centres-de-formation-block-1 .view-centres-de-formation .slick-list .slick-track .slide .views-field-nothing-1 .field-content.Orange.clair { background-color:rgba(var(--orange2)); } #block-views-block-centres-de-formation-block-1 .view-centres-de-formation .slick-list .slick-track .slide .views-field-nothing-1 .field-content.Blanc { background-color:rgba(var(--blanc)); } #block-views-block-centres-de-formation-block-1 .view-centres-de-formation .slick-list .slick-track .slide .views-field-nothing-1 .field-content .of-informations { display:flex; flex-direction:column; justify-content:space-between; padding:25px 50px 25px 0; width: calc(100% - 400px); } #block-views-block-centres-de-formation-block-1 .view-centres-de-formation .slick-list .slick-track .slide .views-field-nothing-1 .field-content .of-informations .of-entete p { font-size: 13px; font-weight: 900; letter-spacing: 4.16px; text-transform:uppercase; color:rgba(var(--blanc)); } #block-views-block-centres-de-formation-block-1 .view-centres-de-formation .slick-list .slick-track .slide .views-field-nothing-1 .field-content .of-informations .of-entete h2 { font-weight: 900; text-transform:none; color:rgba(var(--blanc)); } #block-views-block-centres-de-formation-block-1 .view-centres-de-formation .slick-list .slick-track .slide .views-field-nothing-1 .field-content .of-informations .of-intro { line-height: 1.44; color:rgba(var(--blanc)); } #block-views-block-centres-de-formation-block-1 .view-centres-de-formation .slick-list .slick-track .slide .views-field-nothing-1 .field-content .of-informations .of-footer { display:flex; align-items:center; margin-top:15px; } .of-footer .of-coordonnees { color:rgba(var(--blanc)); border-left:1px dashed rgba(var(--blanc)); padding-left:20px; } .of-footer .of-coordonnees a { color:rgba(var(--blanc)); text-decoration:none; } .of-footer .of-coordonnees a:hover { text-decoration:underline; } #block-views-block-centres-de-formation-block-1 .view-centres-de-formation .slick-list .slick-track .slide .views-field-nothing-1 .field-content .of-informations .of-footer .of-coordonnees { margin-left:20px; } #block-views-block-centres-de-formation-block-1 .view-centres-de-formation .slick-list .slick-track .slide .views-field-nothing-1 .field-content .of-photo img { border-radius:15px; } #block-views-block-centres-de-formation-block-1 .view-centres-de-formation .slick-dots { bottom:10px; } #block-views-block-centres-de-formation-block-1 .view-centres-de-formation .slick-dots li button::before { color:rgba(var(--blanc)); opacity:1; } #block-views-block-centres-de-formation-block-1 .view-centres-de-formation .slick-dots li.slick-active button::before { color:rgba(var(--bleu2)); } #block-views-block-centres-de-formation-block-1 .view-centres-de-formation .slick__arrow .slick-arrow { background-color:rgba(var(--blanc)); color:rgba(var(--bleu2))!important; } #block-views-block-centres-de-formation-block-1 .view-centres-de-formation .slick__arrow .slick-arrow.slick-next { display: flex; align-items: center; } .page-node-type-centre_de_formation #section .node__content { border-radius:25px; background-color:rgba(var(--blanc)); padding:30px; box-shadow: 0 0 25px 0 rgba(var(--noir), 0.1); width:100%; position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:-225px; } .page-node-type-centre_de_formation #section .node__content .slick--field-photos { width:100%; } .page-node-type-centre_de_formation #section .node__content .slick--field-photos .slick-slider { margin-bottom:0; } .page-node-type-centre_de_formation #section .node__content .slick--field-photos .slick-slider .slide img { border-radius:15px 15px 0 0; } .page-node-type-centre_de_formation #section .node__content .slick--field-photos .slick-slider .slick-dots { bottom:12.5px; } .page-node-type-centre_de_formation #section .node__content .slick--field-photos .slick-slider .slick-dots li button::before { color:rgba(var(--blanc)); opacity:1; } .page-node-type-centre_de_formation #section .node__content.Orange .slick--field-photos .slick-slider .slick-dots li.slick-active button::before { color:rgba(var(--orange)); } .page-node-type-centre_de_formation #section .node__content.Orange-clair .slick--field-photos .slick-slider .slick-dots li.slick-active button::before { color:rgba(var(--orange2)); } .page-node-type-centre_de_formation #section .node__content.Bleu-clair .slick--field-photos .slick-slider .slick-dots li.slick-active button::before { color:rgba(var(--bleu3)); } .page-node-type-centre_de_formation #section .node__content.Bleu .slick--field-photos .slick-slider .slick-dots li.slick-active button::before { color:rgba(var(--bleu)); } .page-node-type-centre_de_formation #section .node__content.Bleu-fonce .slick--field-photos .slick-slider .slick-dots li.slick-active button::before { color:rgba(var(--bleu2)); } .page-node-type-centre_de_formation #section .node__content .slick--field-photos .slick__arrow { top:auto; bottom:35px; } .page-node-type-centre_de_formation #section .node__content .slick--field-photos .slick__arrow .slick-arrow { background-color:rgba(var(--blanc)); color:rgba(var(--bleu2))!important; } .page-node-type-centre_de_formation #section .node__content.Orange .slick--field-photos .slick__arrow .slick-arrow:hover { color:rgba(var(--orange))!important; } .page-node-type-centre_de_formation #section .node__content.Orange-clair .slick--field-photos .slick__arrow .slick-arrow:hover { color:rgba(var(--orange2))!important; } .page-node-type-centre_de_formation #section .node__content.Bleu-clair .slick--field-photos .slick__arrow .slick-arrow:hover { color:rgba(var(--bleu3))!important; } .page-node-type-centre_de_formation #section .node__content.Bleu .slick--field-photos .slick__arrow .slick-arrow:hover { color:rgba(var(--bleu))!important; } .page-node-type-centre_de_formation #section .node__content.Bleu-fonce .slick--field-photos .slick__arrow .slick-arrow:hover { color:rgba(var(--bleu2))!important; } .page-node-type-centre_de_formation #section .node__content .slick--field-photos .slick__arrow .slick-arrow.slick-prev { left:20px; display: flex; align-items: center; } .page-node-type-centre_de_formation #section .node__content .slick--field-photos .slick__arrow .slick-arrow.slick-next { right:20px; } .page-node-type-centre_de_formation #section .node__content .field--name-field-departement { font-weight: 300; position:absolute; top:75px; left:85px; z-index:100; color:rgba(var(--blanc)); } .page-node-type-centre_de_formation #section .node__content .field--name-field-departement span { display:block; font-weight: 900; } .page-node-type-centre_de_formation #section .node__content .field--name-field-presentation-centre { padding:50px 60px; border-radius: 0 0 0 15px; color:rgba(var(--blanc)); width:70%; margin-bottom:30px; display:flex; flex-wrap:wrap; justify-content:space-between; flex-direction:column; } .page-node-type-centre_de_formation #section .node__content .field--name-field-presentation-centre .of-footer { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; } .page-node-type-centre_de_formation #section .node__content.Orange .field--name-field-presentation-centre { background-color:rgba(var(--orange)); } .page-node-type-centre_de_formation #section .node__content.Orange-clair .field--name-field-presentation-centre { background-color:rgba(var(--orange2)); } .page-node-type-centre_de_formation #section .node__content.Bleu-clair .field--name-field-presentation-centre { background-color:rgba(var(--bleu3)); } .page-node-type-centre_de_formation #section .node__content.Bleu .field--name-field-presentation-centre { background-color:rgba(var(--bleu)); } .page-node-type-centre_de_formation #section .node__content.Bleu-fonce .field--name-field-presentation-centre { background-color:rgba(var(--bleu2)); } .page-node-type-centre_de_formation #section .node__content .field--name-field-coordonnees-gps { width:30%; filter: grayscale(1); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); margin-bottom:30px; border-radius: 0 0 15px; overflow:hidden; } .page-node-type-centre_de_formation #section .node__content .field__label { font-size: 25px; font-weight: 300; line-height: 1.2; margin-bottom:1rem; } .page-node-type-centre_de_formation #section .node__content.Orange-clair *:is(.field__label, .membre-identite, .field--name-field-referent-handicap) { color:rgba(var(--orange)); } .page-node-type-centre_de_formation #section .node__content.Bleu-clair *:is(.field__label, .membre-identite, .field--name-field-referent-handicap) { color:rgba(var(--bleu3)); } .page-node-type-centre_de_formation #section .node__content .field--name-field-equipe { padding:50px 60px; border-radius: 15px; width:calc(70% - 30px); margin-bottom:30px; } .page-node-type-centre_de_formation #section .node__content.Orange *:is(.field--name-field-equipe, .field--name-field-referent-handicap) { background-color:rgba(var(--orange),0.3); color:rgba(var(--blanc)); } .page-node-type-centre_de_formation #section .node__content.Orange-clair *:is(.field--name-field-equipe, .field--name-field-referent-handicap) { background-color:rgba(var(--orange2),0.3); } .page-node-type-centre_de_formation #section .node__content.Bleu-clair *:is(.field--name-field-equipe, .field--name-field-referent-handicap) { background-color:rgba(var(--bleu3),0.2); } .page-node-type-centre_de_formation #section .node__content.Bleu *:is(.field--name-field-equipe, .field--name-field-referent-handicap) { background-color:rgba(var(--bleu),0.3); color:rgba(var(--blanc)); } .page-node-type-centre_de_formation #section .node__content.Bleu-fonce *:is(.field--name-field-equipe, .field--name-field-referent-handicap) { background-color:rgba(var(--bleu2),0.3); color:rgba(var(--blanc)); } .page-node-type-centre_de_formation #section .node__content .field--name-field-equipe .field__items { margin-top:2rem; } .page-node-type-centre_de_formation #section .node__content .field--name-field-equipe .field__items > .field__item, .paragraph--type--membre-equipe + .paragraph--type--membre-equipe { margin-top:15px; } .paragraph--type--membre-equipe { display:flex; flex-wrap:wrap; align-items:center; border-radius:15px; background:rgba(var(--blanc)); padding:15px 40px; width:100%; box-shadow: 0 0 25px 0 rgba(var(--noir), 0.1); } .paragraph--type--membre-equipe .field--name-field-photo { width:75px; } .paragraph--type--membre-equipe .field--name-field-photo img { border-radius:50%; } .paragraph--type--membre-equipe .membre-details { padding-left:30px; margin-left:30px; border-left:2px dotted rgba(var(--gris3)); width:calc(100% - 30px - 75px); display:flex; flex-wrap:wrap; align-items:center; } .paragraph--type--membre-equipe .membre-details .membre-infos { width:calc(100% - 150px); } .paragraph--type--membre-equipe .membre-details .membre-infos .membre-identite { display:flex; flex-wrap:wrap; font-size:18px; } .paragraph--type--membre-equipe .membre-details .membre-infos .membre-identite .field + .field { margin-left:5px; } .paragraph--type--membre-equipe .membre-details .membre-infos > .field { margin-top:5px; } .paragraph--type--membre-equipe .field--name-field-referent-handicap { width:135px; border-radius:5px; text-transform:uppercase; font-size:11px; line-height:12px; } .paragraph--type--membre-equipe .field--name-field-referent-handicap:not(:empty) { border:1px solid; padding:8px 10px 5px 10px; } .page-node-type-centre_de_formation #section .node__content .field--name-field-documents { width:30%; border-radius:15px; border:2.3px solid; padding:50px; text-align:center; margin-bottom:30px; } .page-node-type-centre_de_formation #section .node__content.Orange .field--name-field-documents { border-color:rgba(var(--orange)); color:rgba(var(--orange)); } .page-node-type-centre_de_formation #section .node__content.Orange-clair .field--name-field-documents { border-color:rgba(var(--orange2)); color:rgba(var(--orange2)); } .page-node-type-centre_de_formation #section .node__content.Bleu-clair .field--name-field-documents { border-color:rgba(var(--bleu3)); color:rgba(var(--bleu3)); } .page-node-type-centre_de_formation #section .node__content.Bleu .field--name-field-documents { border-color:rgba(var(--bleu)); color:rgba(var(--bleu)); } .page-node-type-centre_de_formation #section .node__content.Bleu-fonce .field--name-field-documents { border-color:rgba(var(--bleu2)); color:rgba(var(--bleu2)); } .page-node-type-centre_de_formation #section .node__content .field--name-field-documents .paragraph--type--documents { margin-top:2rem; } .page-node-type-centre_de_formation #section .node__content .field--name-field-documents .paragraph--type--documents .field--name-field-document { margin-top:3px; } .page-node-type-centre_de_formation #section .node__content .field--name-field-accessibilite { padding:50px 60px; border-radius: 15px; color:rgba(var(--blanc)); width:100%; } .page-node-type-centre_de_formation #section .node__content.Orange .field--name-field-accessibilite { background-color:rgba(var(--orange)); } .page-node-type-centre_de_formation #section .node__content.Orange-clair .field--name-field-accessibilite { background-color:rgba(var(--orange2)); } .page-node-type-centre_de_formation #section .node__content.Bleu-clair .field--name-field-accessibilite { background-color:rgba(var(--bleu3)); } .page-node-type-centre_de_formation #section .node__content.Bleu .field--name-field-accessibilite { background-color:rgba(var(--bleu)); } .page-node-type-centre_de_formation #section .node__content.Bleu-fonce .field--name-field-accessibilite { background-color:rgba(var(--bleu2)); } .page-node-type-centre_de_formation .region-featured-1 { display:flex; flex-wrap:wrap; justify-content:space-between; padding-top:150px; } .page-node-type-centre_de_formation .region-featured-1 #block-views-block-centre-formation-vie-autour-block-1 { padding:50px 60px; border-radius:25px; background-color:rgba(var(--gris5)); width:65%; box-shadow: 0 0 25px 0 rgba(var(--noir), 0.1); } .page-node-type-centre_de_formation .region-featured-1 #block-views-block-temoignages-block-2 { padding:50px 60px; border-radius:25px; background-color:transparent; border:1px solid rgba(var(--bleu)); width:33%; box-shadow: 0 0 25px 0 rgba(var(--noir), 0.1); margin-top:0; color:rgba(var(--blanc)); text-align:center; } .page-node-type-centre_de_formation .region-featured-1 #block-views-block-temoignages-block-2 > div { height:100%; } .page-node-type-centre_de_formation .region-featured-1 #block-views-block-temoignages-block-2 > div .view-temoignages { height:100%; } .page-node-type-centre_de_formation .region-featured-1 #block-views-block-temoignages-block-2 > div .view-temoignages .view-empty { height:100%; display:flex; justify-content:center; align-items:center; color:rgba(var(--blanc),0.5); font-style:italic; } .page-node-type-centre_de_formation .region-featured-1 #block-views-block-temoignages-block-2 > div .view-temoignages .view-content { height:100%; } .page-node-type-centre_de_formation .region-featured-1 #block-views-block-temoignages-block-2 > div .view-temoignages .view-content .slick { height:100%; } .page-node-type-centre_de_formation .region-featured-1 #block-views-block-temoignages-block-2 > div .view-temoignages .view-content .slick .slick-slider { height:100%; display:flex; align-items:center; } .page-node-type-centre_de_formation .region-featured-1 #block-views-block-temoignages-block-2 > div .view-temoignages .view-content .slick .slick-slider .slick-list { margin-top:-17px; } .page-node-type-centre_de_formation .region-featured-1 #block-views-block-temoignages-block-2 > div .view-temoignages .view-content .slick .slick-slider .slick-list .slick-track { display:flex; align-items:center; } .page-node-type-centre_de_formation .region-featured-1 #block-views-block-temoignages-block-2 > div .view-temoignages .view-content .slick .slick-slider .slick-list .slick-track .views-field-body { font-size: 25px; font-weight: 300; line-height: 1.44; } .page-node-type-centre_de_formation .region-featured-1 #block-views-block-temoignages-block-2 > div .view-temoignages .view-content .slick .slick-slider .slick-list .slick-track .views-field-field-temoin { font-size: 11px; font-weight: 900; opacity:0.5; text-transform:uppercase;letter-spacing: 3.52px; margin-top:15px; } .page-node-type-centre_de_formation .region-featured-1 #block-views-block-temoignages-block-2 > div .view-temoignages .slick-slider .slick-dots li.slick-active button::before { color: rgba(var(--bleu)); } .page-node-type-centre_de_formation .region-featured-1 #block-faq .block-custom-type { flex-direction: row-reverse; } /******************************************************************************************************************/ /********************************************* QUI SOMMES NOUS ****************************************************/ /******************************************************************************************************************/ #block-quisommesnouscartoelus { margin-bottom:-225px; } #block-quisommesnouscartoelus .field--name-field-contenu-pave-1 { height:100%; padding:0; } #block-quisommesnouscartoelus .field--name-field-contenu-pave-1 p { height:100%; } #block-quisommesnouscartoelus .field--name-field-contenu-pave-1 p iframe { border-radius:25px; filter: grayscale(1); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); } #block-quisommesnouscartoelus .field--name-field-contenu-pave-2 .view-elu { margin-top:30px; } #block-quisommesnouscartoelus .field--name-field-contenu-pave-2 .view-content { display:flex; flex-wrap:wrap; } #block-quisommesnouscartoelus .field--name-field-contenu-pave-2 .view-content .views-row { width:49%; margin-bottom:2%; } #block-quisommesnouscartoelus .field--name-field-contenu-pave-2 .view-content .views-row:nth-child(2n+1) { margin-right:2%; } #block-quisommesnouscartoelus .field--name-field-contenu-pave-2 .view-content .views-row { display:flex; } #block-quisommesnouscartoelus .field--name-field-contenu-pave-2 .view-content .views-row img { margin-right:30px; } #block-quisommesnouscartoelus .field--name-field-contenu-pave-2 .view-content .views-row .views-field-title span { display:block; font-size:16px; } .page-node-4056 .region-featured-1 { padding-top:150px; } .page-node-4056 .region-featured-1 #block-faq .block-custom-type { flex-direction: row-reverse; } /******************************************************************************************************************/ /*********************************************** FINANCEMENT ******************************************************/ /******************************************************************************************************************/ .page-node-type-financement #section .node__content { border-radius:25px; background-color:rgba(var(--blanc)); padding:30px; box-shadow: 0 0 25px 0 rgba(var(--noir), 0.1); width:100%; position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:-225px; } .page-node-type-financement #section .node__content .field--name-field-texte-1 { padding:50px 60px; border-radius: 15px 0 0 15px; color:rgba(var(--blanc)); width:70%; margin-bottom:30px; background-color:rgba(var(--bleu)); } .page-node-type-financement #section .node__content .field--name-field-logo { width:30%; margin-bottom:30px; border-radius: 0 15px 15px 0; border:2px solid rgba(var(--bleu)); display:flex; justify-content:center; align-items:center; } .page-node-type-financement #section .node__content .field--name-field-texte-2 { padding:50px 60px; border-radius: 15px; width:70%; margin-bottom:30px; background-color:rgba(var(--bleu3),0.2); } .page-node-type-financement #section .node__content .field--name-field-texte-3 { padding:50px 60px; border-radius: 15px; width:calc(30% - 30px); margin-bottom:30px; background-color:rgba(var(--bleu3),0.2); } .page-node-type-financement #section .node__content .field--name-field-texte-4 { padding:50px 60px; border-radius: 15px; color:rgba(var(--blanc)); width:100%; background-color:rgba(var(--bleu)); } .page-node-type-financement .region-featured-1 { display:flex; flex-wrap:wrap; justify-content:space-between; padding-top:150px; } .page-node-type-financement .region-featured-1 #block-views-block-financement-champs-block-1 { padding:50px 60px; border-radius:25px; background-color:rgba(var(--gris5)); width:70%; box-shadow: 0 0 25px 0 rgba(var(--noir), 0.1); } .page-node-type-financement .region-featured-1 #block-views-block-financement-champs-block-2 { padding:50px 60px; border-radius:25px; background-color:rgba(var(--bleu)); width:calc(30% - 30px); box-shadow: 0 0 25px 0 rgba(var(--noir), 0.1); margin-top:0; color:rgba(var(--blanc)); } /******************************************************************************************************************/ /*************************************************** FAQ **********************************************************/ /******************************************************************************************************************/ .page-node-4051 #section { padding-bottom:75px; } .page-node-4051 #featured_1 .block:first-child { margin-top:-170px; } /******************************************************************************************************************/ /************************************************ FORMATION *******************************************************/ /******************************************************************************************************************/ .page-node-type-formation #highlighted { height:350px; } .page-node-type-formation #block-majoffressessions { width: 100%; margin-bottom:45px; margin-top:-95px; } .page-node-type-formation #block-majoffressessions #listing-sessions { position:relative; min-height:120px; background-color:rgba(var(--blanc)); padding:25px; border-radius:25px; } .page-node-type-formation #block-majoffressessions #listing-sessions .btn-filtre { position:absolute; right:0; top:-50px; height:43px; width:43px; display:block; background-repeat: no-repeat; background-position: center; } .page-node-type-formation.Formation #block-majoffressessions #listing-sessions .btn-filtre { background-image:url(../images/picto-filtres-bleu.png) } .page-node-type-formation.Voyage #block-majoffressessions #listing-sessions .btn-filtre { background-image:url(../images/picto-filtres-vert.png) } .page-node-type-formation:is(.Replay, .Conférence) #block-majoffressessions #listing-sessions .btn-filtre { background-image:url(../images/picto-filtres-rouge.png) } .page-node-type-formation:is(.Replay, .Conférence) #block-majoffressessions #listing-sessions .btn-filtre, .page-node-type-formation:is(.Replay, .Conférence) #highlighted #block-views-block-en-tete-block-3 .view-en-tete .views-field-php-3 { display:none; } .page-node-type-formation #block-majoffressessions #listing-sessions #empty-sessions { padding: 25px; border-radius: 10px; text-align:center; font-size: 25px; line-height: 1.2; letter-spacing: normal; font-weight: 300; } .page-node-type-formation.Formation #block-majoffressessions #listing-sessions #empty-sessions { background-color:rgba(var(--bleu5)); color:rgba(var(--bleu6)); } .page-node-type-formation.Voyage #block-majoffressessions #listing-sessions #empty-sessions { background-color:rgba(var(--vert2)); color:rgba(var(--vert)); } .page-node-type-formation:is(.Replay, .Conférence) #block-majoffressessions #listing-sessions #empty-sessions { background-color:rgba(var(--rouge2)); color:rgba(var(--rouge)); } .page-node-type-formation #block-majoffressessions #listing-sessions #carrousel-sessions { display:flex; } .page-node-type-formation #block-majoffressessions #listing-sessions #carrousel-sessions .slick-list { min-width:100%!important; } .page-node-type-formation #block-majoffressessions #listing-sessions #carrousel-sessions .slick-list .slick-track { margin:0; } .page-node-type-formation #block-majoffressessions #listing-sessions #carrousel-sessions .session-item { padding:0 15px; display:flex; flex-wrap:wrap; } .page-node-type-formation #block-majoffressessions #listing-sessions #carrousel-sessions .session-item:not(.slick-slide) { width: 25%; } .page-node-type-formation #block-majoffressessions #listing-sessions #carrousel-sessions .session-item .session-date { text-transform:uppercase; text-align:center; width:40%; padding:10px; border-radius:10px 0 0 10px; border:2px solid rgba(var(--blanc)); border-right:0; } .page-node-type-formation.Formation #block-majoffressessions #listing-sessions #carrousel-sessions .session-item .session-date { background-color:rgba(var(--bleu7)); color:rgba(var(--bleu6),0.5); } .page-node-type-formation.Voyage #block-majoffressessions #listing-sessions #carrousel-sessions .session-item .session-date { background-color:rgba(var(--vert4)); color:rgba(var(--vert),0.5); } .page-node-type-formation:is(.Replay, .Conférence) #block-majoffressessions #listing-sessions #carrousel-sessions .session-item .session-date { background-color:rgba(var(--rouge4)); color:rgba(var(--rouge),0.5); } .page-node-type-formation #block-majoffressessions #listing-sessions #carrousel-sessions .session-item:hover .session-date { color:rgba(var(--blanc),0.5); width:33%; } .page-node-type-formation.Formation #block-majoffressessions #listing-sessions #carrousel-sessions .session-item:hover .session-date { background-color:rgba(var(--bleu8)); } .page-node-type-formation.Voyage #block-majoffressessions #listing-sessions #carrousel-sessions .session-item:hover .session-date { background-color:rgba(var(--vert3)); } .page-node-type-formation:is(.Replay, .Conférence) #block-majoffressessions #listing-sessions #carrousel-sessions .session-item:hover .session-date { background-color:rgba(var(--rouge3)); } .page-node-type-formation #block-majoffressessions #listing-sessions #carrousel-sessions .session-item .session-date span { display:block; font-size: 37px; font-weight: 500; line-height: 1.19; color:inherit; } .page-node-type-formation.Formation #block-majoffressessions #listing-sessions #carrousel-sessions .session-item .session-date span { color:rgba(var(--bleu6)); } .page-node-type-formation.Voyage #block-majoffressessions #listing-sessions #carrousel-sessions .session-item .session-date span { color:rgba(var(--vert)); } .page-node-type-formation:is(.Replay, .Conférence) #block-majoffressessions #listing-sessions #carrousel-sessions .session-item .session-date span { color:rgba(var(--rouge)); } .page-node-type-formation.Formation #block-majoffressessions #listing-sessions #carrousel-sessions .session-item:hover .session-date span { color:rgba(var(--blanc)); } .page-node-type-formation.Voyage #block-majoffressessions #listing-sessions #carrousel-sessions .session-item:hover .session-date span { color:rgba(var(--blanc)); } .page-node-type-formation:is(.Replay, .Conférence) #block-majoffressessions #listing-sessions #carrousel-sessions .session-item:hover .session-date span { color:rgba(var(--blanc)); } .page-node-type-formation #block-majoffressessions #listing-sessions #carrousel-sessions .session-item .session-infos { width:60%; padding:10px 10px 10px 20px; font-weight:300; line-height: 1.8; display: flex; align-items: center; border-radius:0 10px 10px 0; letter-spacing: -0.5px; border:2px solid rgba(var(--blanc)); border-left:0; position:relative; } .page-node-type-formation #block-majoffressessions #listing-sessions #carrousel-sessions .session-item:hover .session-infos { display:none; } .page-node-type-formation.Formation #block-majoffressessions #listing-sessions #carrousel-sessions .session-item .session-infos { background-color:rgba(var(--bleu5)); color:rgba(var(--bleu6)); } .page-node-type-formation.Voyage #block-majoffressessions #listing-sessions #carrousel-sessions .session-item .session-infos { background-color:rgba(var(--vert2)); color:rgba(var(--vert)); } .page-node-type-formation:is(.Replay, .Conférence) #block-majoffressessions #listing-sessions #carrousel-sessions .session-item .session-infos { background-color:rgba(var(--rouge2)); color:rgba(var(--rouge)); } .page-node-type-formation #block-majoffressessions #listing-sessions #carrousel-sessions .session-item .session-statut { position:absolute; right:10px; bottom:0; font-size:11px; font-style:italic; color:inherit; width:auto!important; } .page-node-type-formation #block-majoffressessions #listing-sessions > .add-cart { position:absolute; right:40px; top:50%; margin-top:-21.5px; } .page-node-type-formation.Formation #block-majoffressessions #listing-sessions > .add-cart, .page-node-type-formation.Formation #block-majoffressessions #listing-sessions > .add-cart::after { color:rgba(var(--bleu6)); } .page-node-type-formation.Voyage #block-majoffressessions #listing-sessions > .add-cart, .page-node-type-formation.Voyage #block-majoffressessions #listing-sessions > .add-cart::after { color:rgba(var(--vert)); } .page-node-type-formation:is(.Replay, .Conférence) #block-majoffressessions #listing-sessions > .add-cart, .page-node-type-formation:is(.Replay, .Conférence) #block-majoffressessions #listing-sessions > .add-cart::after { color:rgba(var(--rouge)); } .page-node-type-formation #block-majoffressessions #listing-sessions > .add-cart:hover, .page-node-type-formation #block-majoffressessions #listing-sessions > .add-cart:hover::after { color:rgba(var(--blanc))!important; } .page-node-type-formation.Formation #block-majoffressessions #listing-sessions > .add-cart:hover { border-color:rgba(var(--bleu6)); background-color:rgba(var(--bleu6)); } .page-node-type-formation.Voyage #block-majoffressessions #listing-sessions > .add-cart:hover { border-color:rgba(var(--vert)); background-color:rgba(var(--vert)); } .page-node-type-formation:is(.Replay, .Conférence) #block-majoffressessions #listing-sessions > .add-cart:hover { border-color:rgba(var(--rouge)); background-color:rgba(var(--rouge)); } .page-node-type-formation #block-majoffressessions #listing-sessions #carrousel-sessions .session-item .session-infos-hover { display:none; width:67%; padding:20px; align-items: center; border-radius:0 10px 10px 0; border:2px solid rgba(var(--blanc)); border-left:0; position:relative; } .page-node-type-formation.Formation #block-majoffressessions #listing-sessions #carrousel-sessions .session-item .session-infos-hover { background-color:rgba(var(--bleu6)); color:rgba(var(--blanc)); } .page-node-type-formation.Voyage #block-majoffressessions #listing-sessions #carrousel-sessions .session-item .session-infos-hover { background-color:rgba(var(--vert)); color:rgba(var(--blanc)); } .page-node-type-formation:is(.Replay, .Conférence) #block-majoffressessions #listing-sessions #carrousel-sessions .session-item .session-infos-hover { background-color:rgba(var(--rouge)); color:rgba(var(--blanc)); } .page-node-type-formation #block-majoffressessions #listing-sessions #carrousel-sessions .session-item:hover .session-infos-hover { display: flex; flex-direction:column; justify-content:space-between; } .page-node-type-formation #block-majoffressessions #listing-sessions #carrousel-sessions .session-item:hover .session-infos-hover p { display:flex; justify-content: space-around; align-items: center; width: 100%; } .page-node-type-formation #block-majoffressessions #listing-sessions #carrousel-sessions .session-item:hover .session-infos-hover p + * { margin-top:0; } .page-node-type-formation #block-majoffressessions #listing-sessions #carrousel-sessions .session-item:hover .session-infos-hover p .add-cart { border:1px solid; border-radius:50px; text-decoration:none; padding:5px 15px; color:rgba(var(--blanc)); } .page-node-type-formation #block-majoffressessions #listing-sessions #carrousel-sessions .session-item:hover .session-infos-hover p .add-cart:hover { border:1px solid rgba(var(--blanc)); background-color:rgba(var(--blanc)); } .page-node-type-formation.Formation #block-majoffressessions #listing-sessions #carrousel-sessions .session-item:hover .session-infos-hover p .add-cart:hover { color:rgba(var(--bleu6)); } .page-node-type-formation.Voyage #block-majoffressessions #listing-sessions #carrousel-sessions .session-item:hover .session-infos-hover p .add-cart:hover { color:rgba(var(--vert)); } .page-node-type-formation:is(.Replay, .Conférence) #block-majoffressessions #listing-sessions #carrousel-sessions .session-item:hover .session-infos-hover p .add-cart:hover { color:rgba(var(--rouge)); } .page-node-type-formation #block-majoffressessions #listing-sessions #carrousel-sessions .session-item:hover .session-infos-hover p .session-programme { text-decoration:none; color:rgba(var(--blanc)); font-size:10px; line-height:16px; display:flex; } .page-node-type-formation #block-majoffressessions #listing-sessions #carrousel-sessions .session-item:hover .session-infos-hover p .session-programme::after { content:"download"; font-family:"Material Symbols Outlined"; margin-left:2px; font-size:16px; line-height:10px; } .page-node-type-formation #block-majoffressessions #listing-sessions #carrousel-sessions .session-item:hover .session-infos-hover p .session-programme:hover { text-decoration:underline; } .page-node-type-formation.Formation #block-majoffressessions #listing-sessions #carrousel-sessions .session-item.preference div:is(.session-date, .session-infos, .session-infos-hover) { border-color:rgba(var(--bleu6)); } .page-node-type-formation.Voyage #block-majoffressessions #listing-sessions #carrousel-sessions .session-item.preference div:is(.session-date, .session-infos, .session-infos-hover) { border-color:rgba(var(--vert)); } .page-node-type-formation:is(.Replay, .Conférence) #block-majoffressessions #listing-sessions #carrousel-sessions .session-item.preference div:is(.session-date, .session-infos, .session-infos-hover) { border-color:rgba(var(--rouge)); } .page-node-type-formation #block-majoffressessions #listing-sessions #carrousel-sessions .slick-arrow { color:rgba(var(--gris1))!important; } .page-node-type-formation #block-majoffressessions #listing-sessions #carrousel-sessions .slick-arrow.slick-prev { left: -30px; } .page-node-type-formation #block-majoffressessions #listing-sessions #carrousel-sessions .slick-arrow.slick-next { right: -30px; } .page-node-type-formation #block-majoffressessions #listing-sessions #carrousel-sessions .slick-arrow.slick-disabled { color:rgba(var(--gris4))!important; } .page-node-type-formation #block-majoffressessions #listing-sessions form#filtres-sessions { padding:15px; width:300px; display:none; flex-wrap:wrap; flex-direction:column; justify-content:center; height:100%; position:absolute; right:0; top:0; z-index:10px; border-radius:0 25px 25px 0; } .page-node-type-formation #block-majoffressessions #listing-sessions form#filtres-sessions.active { display:flex; } .page-node-type-formation.Formation #block-majoffressessions #listing-sessions form#filtres-sessions { background-color:rgba(var(--bleu7)); } .page-node-type-formation.Voyage #block-majoffressessions #listing-sessions form#filtres-sessions { background-color:rgba(var(--vert4)); } .page-node-type-formation:is(.Replay, .Conférence) #block-majoffressessions #listing-sessions form#filtres-sessions { background-color:rgba(var(--rouge4)); } .page-node-type-formation #block-majoffressessions #listing-sessions form#filtres-sessions p { width:100%; font-size:20px; text-align:center; font-weight:normal; } .page-node-type-formation.Formation #block-majoffressessions #listing-sessions form#filtres-sessions p { color:rgba(var(--bleu6)); } .page-node-type-formation.Voyage #block-majoffressessions #listing-sessions form#filtres-sessions p { color:rgba(var(--vert)); } .page-node-type-formation:is(.Replay, .Conférence) #block-majoffressessions #listing-sessions form#filtres-sessions p { color:rgba(var(--rouge)); } .page-node-type-formation #block-majoffressessions #listing-sessions form#filtres-sessions > div { display:flex; flex-wrap:wrap; justify-content:center; } .page-node-type-formation #block-majoffressessions #listing-sessions form#filtres-sessions > div .select-custom-wrapper { background-color:rgba(var(--blanc)); border-radius:10px; } .page-node-type-formation #block-majoffressessions #listing-sessions form#filtres-sessions > div .select-custom-wrapper + .select-custom-wrapper { margin-left:15px; } .page-node-type-formation #block-majoffressessions #listing-sessions form#filtres-sessions > div .select-custom-wrapper + .select-custom-wrapper .select-custom { border:none; } .page-node-type-formation.Voyage #block-majoffressessions #listing-sessions form#filtres-sessions > div .select-custom-wrapper .select-custom .select-custom-trigger, .page-node-type-formation.Voyage #block-majoffressessions #listing-sessions form#filtres-sessions > div .select-custom-wrapper .select-custom .select-custom-trigger::after, .page-node-type-formation.Voyage #block-majoffressessions #listing-sessions form#filtres-sessions > div .select-custom-wrapper .select-custom.opened .custom-options .custom-option span { color: rgba(var(--vert))!important; } .page-node-type-formation:is(.Replay, .Conférence) #block-majoffressessions #listing-sessions form#filtres-sessions > div .select-custom-wrapper .select-custom .select-custom-trigger, .page-node-type-formation:is(.Replay, .Conférence) #block-majoffressessions #listing-sessions form#filtres-sessions > div .select-custom-wrapper .select-custom .select-custom-trigger::after, .page-node-type-formation:is(.Replay, .Conférence) #block-majoffressessions #listing-sessions form#filtres-sessions > div .select-custom-wrapper .select-custom.opened .custom-options .custom-option span { color: rgba(var(--rouge))!important; } .page-node-type-formation.Voyage #block-majoffressessions #listing-sessions form#filtres-sessions > div .select-custom-wrapper .select-custom.opened { background-color: rgba(var(--vert)); } .page-node-type-formation:is(.Replay, .Conférence) #block-majoffressessions #listing-sessions form#filtres-sessions > div .select-custom-wrapper .select-custom.opened { background-color: rgba(var(--rouge)); } .page-node-type-formation #block-majoffressessions #listing-sessions form#filtres-sessions > div .select-custom-wrapper .select-custom.opened .select-custom-trigger, .page-node-type-formation #block-majoffressessions #listing-sessions form#filtres-sessions > div .select-custom-wrapper .select-custom.opened .select-custom-trigger::after, .page-node-type-formation #block-majoffressessions #listing-sessions form#filtres-sessions > div .select-custom-wrapper .select-custom.opened .custom-options .custom-option.selection span { color: rgba(var(--blanc))!important; } .page-node-type-formation.Voyage #block-majoffressessions #listing-sessions form#filtres-sessions > div .select-custom-wrapper .select-custom.opened .custom-options .custom-option.selection { background-color: rgba(var(--vert)); } .page-node-type-formation:is(.Replay, .Conférence) #block-majoffressessions #listing-sessions form#filtres-sessions > div .select-custom-wrapper .select-custom.opened .custom-options .custom-option.selection { background-color: rgba(var(--rouge)); } .page-node-type-formation #section article .node__content, .page-node-type-formation #section div:is(#block-views-block-replay-video-block-1, #block-views-block-replay-video-block-2) { border-radius:25px; background-color:rgba(var(--blanc)); padding:30px; box-shadow: 0 0 25px 0 rgba(var(--noir), 0.1); width:100%; position:relative; } .page-node-type-formation #section div:is(#block-views-block-replay-video-block-1, #block-views-block-replay-video-block-2) { margin-bottom:150px; margin-top:-150px; } .page-node-type-formation #section div:is(#block-views-block-replay-video-block-1, #block-views-block-replay-video-block-2) .view-replay-video { border-radius:15px; overflow:hidden; } .page-node-type-formation #section #block-views-block-replay-video-block-2 .view-replay-video { background:url(../images/background-replay.jpg) no-repeat center center; background-size:cover; } .page-node-type-formation #section #block-views-block-replay-video-block-2 .view-replay-video .views-field-field-video-replay { padding:30px; display:flex; align-items:center; justify-content:center; background-color:rgba(var(--rouge),0.5); color:rgba(var(--blanc)); text-align:center; min-height:650px; } .page-node-type-formation #section #block-views-block-replay-video-block-2 .view-replay-video .views-field-field-video-replay .material-symbols-outlined { font-size:100px; } .page-node-type-formation #section #block-views-block-replay-video-block-2 .view-replay-video .views-field-field-video-replay .btn-fleche { margin-top:20px; } .page-node-type-formation #section #block-views-block-replay-video-block-2 .view-replay-video .views-field-field-video-replay .field-content div { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; } .page-node-type-formation #section article .node__content { display:flex; flex-wrap:wrap; justify-content:space-between; } .page-node-type-formation #section article .node__content .slick--field-photos { width:100%; border-radius:15px 15px 0 0; overflow:hidden; } .page-node-type-formation #section article .node__content .slick--field-photos .slick-slider, .view-formations-photos .slick-slider { margin-bottom:0; } .page-node-type-formation #section article .node__content .slick--field-photos .slick-slider .slide img { border-radius:15px 15px 0 0; } .page-node-type-formation #section article .node__content .slick--field-photos .slick-slider .slick-dots, .view-formations-photos .slick-slider .slick-dots { bottom:12.5px; } .page-node-type-formation #section article .node__content .slick--field-photos .slick-slider .slick-dots li button::before, .view-formations-photos .slick-slider .slick-dots li button::before { color:rgba(var(--blanc)); opacity:1; } .page-node-type-formation #section article .node__content .slick--field-photos .slick-slider .slick-dots li.slick-active button::before, .view-formations-photos .slick-slider .slick-dots li.slick-active button::before { color:rgba(var(--gris1)); } .page-node-type-formation #section article .node__content .slick--field-photos .slick__arrow { top:auto; bottom:35px; } .page-node-type-formation #section article .node__content .slick--field-photos .slick__arrow .slick-arrow, .view-formations-photos .slick__arrow .slick-arrow { background-color:rgba(var(--blanc)); color:rgba(var(--gris1))!important; } .page-node-type-formation #section article .node__content .slick--field-photos .slick__arrow .slick-arrow.slick-prev, .view-formations-photos .slick__arrow .slick-arrow.slick-prev { left:20px; display: flex; align-items: center; } .page-node-type-formation #section article .node__content .slick--field-photos .slick__arrow .slick-arrow.slick-next, .view-formations-photos .slick__arrow .slick-arrow.slick-next { right:20px; } .page-node-type-formation #section article .node__content .field--name-field-texte-1 { padding:50px 60px; border-radius: 15px 0 0 15px; color:rgba(var(--blanc)); width:70%; margin-bottom:30px; } .page-node-type-formation #section article .node__content .field--name-field-texte-1 a { color:rgba(var(--blanc)); } .page-node-type-formation #section article .node__content .slick--field-photos + .field--name-field-texte-1 { border-radius:0 0 0 15px; } .page-node-type-formation.Formation #section article .node__content .field--name-field-texte-1 { background-color:rgba(var(--bleu6)); } .page-node-type-formation.Voyage #section article .node__content .field--name-field-texte-1 { background-color:rgba(var(--vert)); border-radius:0 0 0 15px; } .page-node-type-formation:is(.Replay, .Conférence) #section article .node__content .field--name-field-texte-1 { background-color:rgba(var(--rouge)); } .page-node-type-formation #section article .node__content .field--name-field-image { width:30%; margin-bottom:30px; border-radius: 0 15px 15px 0; display:flex; justify-content:center; align-items:center; border:1px solid; } .page-node-type-formation #section article .node__content .slick--field-photos + .field--name-field-texte-1 + .field--name-field-image { border-radius:0 0 15px; } .page-node-type-formation.Formation #section article .node__content .field--name-field-image { border-color:rgba(var(--bleu6)); } .page-node-type-formation.Voyage #section article .node__content .field--name-field-image { border-color:rgba(var(--vert)); border-radius:0 0 15px 0; } .page-node-type-formation:is(.Replay, .Conférence) #section article .node__content .field--name-field-image { border-color:rgba(var(--rouge)); } .page-node-type-formation #section article .node__content .contenu-principal { padding:50px 60px; border-radius: 15px; width:70%; } .page-node-type-formation #section article .node__content #block-champs-personnalisables { text-align:center; } .page-node-type-formation.Formation #section article .node__content div:is(.contenu-principal, #block-champs-personnalisables, #block-intervenants) { background-color:rgba(var(--bleu6),0.1); } .page-node-type-formation.Voyage #section article .node__content div:is(.contenu-principal, #block-champs-personnalisables, #block-intervenants) { background-color:rgba(var(--vert),0.2); } .page-node-type-formation:is(.Replay, .Conférence) #section article .node__content div:is(.contenu-principal, #block-champs-personnalisables, #block-intervenants) { background-color:rgba(var(--rouge),0.2); } .page-node-type-formation.Formation #section article .node__content div:is(.contenu-principal, #block-champs-personnalisables) span[class^="font-size-"] { color:rgba(var(--bleu6)); } .page-node-type-formation.Voyage #section article .node__content div:is(.contenu-principal, #block-champs-personnalisables) span[class^="font-size-"] { color:rgba(var(--vert)); } .page-node-type-formation:is(.Replay, .Conférence) #section article .node__content div:is(.contenu-principal, #block-champs-personnalisables, #block-intervenants) span[class^="font-size-"] { color:rgba(var(--rouge)); } .page-node-type-formation #section article .node__content .contenu-principal #programmes { margin-top:1rem; } .page-node-type-formation #section article .node__content .contenu-principal #programmes .slick-dots { bottom:-50px; } .page-node-type-formation #section article .node__content .contenu-principal #programmes .slick-arrow.slick-prev { left:-50px; } .page-node-type-formation #section article .node__content .contenu-principal #programmes .slick-arrow.slick-next { right:-50px; } .page-node-type-formation #section article .node__content #sidebar-formation { width:calc(30% - 30px); display:flex; flex-direction:column; } .page-node-type-formation #section article .node__content #sidebar-formation div:is(#block-champs-personnalisables, #block-intervenants) { padding:50px 60px; border-radius: 15px; margin-bottom:30px; width:100%; } .page-node-type-formation #section article .node__content #sidebar-formation #infos-formation { padding:50px 60px; border-radius: 15px; width:100%; color:rgba(var(--blanc)); text-align:center; } .page-node-type-formation.Formation #section article .node__content #sidebar-formation #infos-formation { background-color:rgba(var(--bleu6)); } .page-node-type-formation.Voyage #section article .node__content #sidebar-formation #infos-formation { background-color:rgba(var(--vert)); } .page-node-type-formation:is(.Replay, .Conférence) #section article .node__content #sidebar-formation #infos-formation { background-color:rgba(var(--rouge)); } .page-node-type-formation #section article .node__content #sidebar-formation #infos-formation { margin-bottom:0; } .page-node-type-formation #section article .node__content #sidebar-formation #infos-formation .slick-track { display:flex; align-items:center; } .page-node-type-formation #section article .node__content #sidebar-formation #infos-formation .slick-track .field + .field { margin-top:15px; } .page-node-type-formation #section article .node__content #sidebar-formation #infos-formation .slick-track .field .field__item { margin-top:5px; } .page-node-type-formation #section article .node__content #sidebar-formation #infos-formation .slick-track .field .field__item .note-bubble { width:13px; height:13px; display:inline-block; border:1px solid rgba(var(--blanc)); border-radius:50%; } .page-node-type-formation #section article .node__content #sidebar-formation #infos-formation .slick-track .field .field__item .note-bubble + .note-bubble { margin-left:10px; } .page-node-type-formation #section article .node__content #sidebar-formation #infos-formation .slick-track .field .field__item .note-bubble.active { background-color:rgba(var(--blanc)); } .page-node-type-formation #section article .node__content #sidebar-formation #infos-formation .slick-track .field--name-field-duree + .field { margin-top:30px; } .page-node-type-formation #section article .node__content #sidebar-formation #infos-formation .slick-dots { left:0; bottom:5px; } .page-node-type-formation #section article .node__content #sidebar-formation #infos-formation .slick-arrow:hover { color:inherit!important; } .page-node-type-formation #section article .node__content #sidebar-formation #infos-formation .slick-arrow.slick-prev { left:0; } .page-node-type-formation #section article .node__content #sidebar-formation #infos-formation .slick-arrow.slick-next { right:0; } .page-node-type-formation #section article .node__content #sidebar-formation #labels-partenaires { padding: 30px 60px 40px; border-radius: 15px; width:100%; text-align:center; border:1.5px solid; margin: 30px 0 0; } .page-node-type-formation.Formation #section article .node__content #sidebar-formation #labels-partenaires { border-color:rgba(var(--bleu6)); } .page-node-type-formation.Voyage #section article .node__content #sidebar-formation #labels-partenaires { border-color:rgba(var(--vert)); } .page-node-type-formation:is(.Replay, .Conférence) #section article .node__content #sidebar-formation #labels-partenaires { border-color:rgba(var(--rouge)); } .page-node-type-formation #section article .node__content #sidebar-formation #labels-partenaires .label_partenaire { padding:0 5px; } .page-node-type-formation #section article .node__content #sidebar-formation #labels-partenaires .label_partenaire img { margin:auto; filter: grayscale(1); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); opacity:0.5; } .page-node-type-formation #section article .node__content #sidebar-formation #labels-partenaires .label_partenaire img:hover { filter: none; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; opacity:1; } .page-node-type-formation #section article .node__content #sidebar-formation #labels-partenaires .slick-dots { left:0; bottom:0; } .page-node-type-formation #section article .node__content #sidebar-formation #block-intervenants { text-align:center; } .page-node-type-formation #section article .node__content #sidebar-formation #block-intervenants #intervenants { margin:30px 0; } .page-node-type-formation #section article .node__content #sidebar-formation #block-intervenants #intervenants .item-intervenant .item-intervenant-photo { margin-bottom:15px; } .page-node-type-formation #section article .node__content #sidebar-formation #block-intervenants #intervenants .item-intervenant .item-intervenant-photo img { margin:auto; border-radius:15px; } .page-node-type-formation #section article .node__content #sidebar-formation #block-intervenants #intervenants .item-intervenant .item-intervenant-identite { color:rgba(var(--rouge)); font-size:20px; margin-bottom:20px; font-weight: 300; } .page-node-type-formation #section article .node__content #sidebar-formation #block-intervenants #intervenants .item-intervenant .item-intervenant-identite span { display:block; } .page-node-type-formation #section article .node__content #sidebar-formation #block-intervenants #intervenants .item-intervenant .item-intervenant-identite *:is(span, a) { font-size:0.8rem; font-style:italic; color:rgba(var(--rouge)); } .page-node-type-formation #section article .node__content #sidebar-formation #block-champs-personnalisables .slick-dots { left:0; bottom:0px; } .page-node-type-formation #section article .node__content #sidebar-formation #block-champs-personnalisables .slick-arrow:hover { color:rgba(var(--blanc))!important; } .page-node-type-formation #section article .node__content #sidebar-formation #block-champs-personnalisables .slick-arrow.slick-prev { left:0px; } .page-node-type-formation #section article .node__content #sidebar-formation #block-champs-personnalisables .slick-arrow.slick-next { right:0px; } .page-node-type-formation #section article .node__content #sidebar-formation #block-intervenants #intervenants .slick-dots { left:0; bottom:-50px; } .page-node-type-formation #section article .node__content #sidebar-formation #block-intervenants #intervenants .slick-arrow:hover { color:rgba(var(--blanc))!important; } .page-node-type-formation #section article .node__content #sidebar-formation #block-intervenants #intervenants .slick-arrow.slick-prev { left:-65px; } .page-node-type-formation #section article .node__content #sidebar-formation #block-intervenants #intervenants .slick-arrow.slick-next { right:-65px; } .page-node-type-formation .region-featured-1 { display:flex; flex-wrap:wrap; justify-content:space-between; } .page-node-type-formation .region-featured-1 #block-views-block-formation-lieu-block-1 { width:calc(37% - 30px); padding:0!important; border-radius: 25px; background-color: transparent; border: 1px solid; color: rgba(var(--blanc)); text-align: center; overflow:hidden; min-height:400px; } .page-node-type-formation .region-featured-1 #block-views-block-formation-lieu-block-1 > div:not(.contextual), .page-node-type-formation .region-featured-1 #block-views-block-formation-lieu-block-1 > div:not(.contextual) .view, .page-node-type-formation .region-featured-1 #block-views-block-formation-lieu-block-1 > div:not(.contextual) .view .view-content { height:100%; } .page-node-type-formation .region-featured-1 #block-views-block-formation-lieu-block-1 .leaflet-pane .leaflet-layer .leaflet-tile-container { filter: grayscale(1); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); } .page-node-type-formation .region-featured-1 #block-views-block-formation-etape-block-1 { padding:50px 60px; border-radius:25px; background-color:transparent; border:1px solid; margin-top:0; color:rgba(var(--blanc)); width:63%; } .page-node-type-formation .region-featured-1 #block-views-block-formation-etape-block-1 > div, .page-node-type-formation .region-featured-1 #block-views-block-formation-etape-block-1 > div .view-formation-etape, .page-node-type-formation .region-featured-1 #block-views-block-formation-etape-block-1 > div .view-formation-etape .view-content, .page-node-type-formation .region-featured-1 #block-views-block-formation-etape-block-1 > div .view-formation-etape .view-content .slick, .page-node-type-formation .region-featured-1 #block-views-block-formation-etape-block-1 > div .view-formation-etape .view-content .slick .slick-slider { height:100%; } .page-node-type-formation .region-featured-1 #block-views-block-formation-etape-block-1 > div .view-formation-etape .view-content .slick .slick-slider .views-field-field-libelle { text-align:center; margin-bottom:20px; text-transform:uppercase; } .page-node-type-formation .region-featured-1 #block-views-block-formation-etape-block-1 > div .view-formation-etape .view-content .slick .slick-slider .views-field-field-contenu { color:rgba(var(--blanc),0.5); } .page-node-type-formation .region-featured-1 #block-views-block-formation-etape-block-1 .slick__arrow { top:15px; } .page-node-type-formation .region-featured-1 #block-views-block-formation-etape-block-1 .slick__arrow .slick-arrow:hover { color:inherit!important; } .page-node-type-formation .region-featured-1 #block-views-block-formation-etape-block-1 .slick__arrow .slick-arrow.slick-prev { left:-50px; } .page-node-type-formation .region-featured-1 #block-views-block-formation-etape-block-1 .slick__arrow .slick-arrow.slick-next { right:-50px; } .page-node-type-formation .region-featured-1 #block-views-block-formation-etape-block-1 .slick-dots li button::before { color:rgba(var(--blanc)); opacity:1; } .page-node-type-formation .region-featured-1 #block-views-block-formation-etape-block-1 .slick-dots li.slick-active button::before { color:rgba(var(--vert)); opacity:1; } .page-node-type-formation .region-featured-1 #block-views-block-formation-infos-block-1 { width:calc(30% - 30px); padding: 50px 60px; border-radius: 25px; background-color: transparent; border: 1px solid; color: rgba(var(--blanc)); text-align: center; } .page-node-type-formation.Formation .region-featured-1 div:is(#block-views-block-formation-infos-block-1, #block-views-block-temoignages-block-3) { border-color:rgba(var(--bleu6)); } .page-node-type-formation.Voyage .region-featured-1 div:is(#block-views-block-formation-infos-block-1, #block-views-block-temoignages-block-3) { border-color:rgba(var(--vert)); } .page-node-type-formation:is(.Replay, .Conférence) div:is(#block-views-block-formation-infos-block-1, #block-views-block-temoignages-block-3) { border-color:rgba(var(--rouge)); } .page-node-type-formation.Formation .region-featured-1 #block-views-block-formation-infos-block-1 span[class^="font-size-"] { color:rgba(var(--bleu6)); } .page-node-type-formation.Voyage .region-featured-1 #block-views-block-formation-infos-block-1 span[class^="font-size-"] { color:rgba(var(--vert)); } .page-node-type-formation:is(.Replay, .Conférence) #block-views-block-formation-infos-block-1 span[class^="font-size-"] { color:rgba(var(--rouge)); } .page-node-type-formation .region-featured-1 #block-views-block-temoignages-block-3 { padding:50px 60px; border-radius:25px; background-color:transparent; border:1px solid; margin-top:0; color:rgba(var(--blanc)); text-align:center; width:70%; } .page-node-type-formation .region-featured-1 #block-views-block-temoignages-block-3 > div { height:100%; } .page-node-type-formation .region-featured-1 #block-views-block-temoignages-block-3 > div .view-temoignages { height:100%; } .page-node-type-formation .region-featured-1 #block-views-block-temoignages-block-3 > div .view-temoignages .view-content { height:100%; } .page-node-type-formation .region-featured-1 #block-views-block-temoignages-block-3 > div .view-temoignages .view-content .slick { height:100%; } .page-node-type-formation .region-featured-1 #block-views-block-temoignages-block-3 > div .view-temoignages .view-content .slick .slick-slider { height:100%; display:flex; align-items:center; } .page-node-type-formation .region-featured-1 #block-views-block-temoignages-block-3 > div .view-temoignages .view-content .slick .slick-slider .slick-list { margin-top:-17px; } .page-node-type-formation .region-featured-1 #block-views-block-temoignages-block-3 > div .view-temoignages .view-content .slick .slick-slider .slick-list .slick-track { display:flex; align-items:center; } .page-node-type-formation .region-featured-1 #block-views-block-temoignages-block-3 > div .view-temoignages .view-content .slick .slick-slider .slick-list .slick-track .views-field-body { font-size: 25px; font-weight: 300; line-height: 1.44; } .page-node-type-formation .region-featured-1 #block-views-block-temoignages-block-3 > div .view-temoignages .view-content .slick .slick-slider .slick-list .slick-track .views-field-field-temoin { font-size: 11px; font-weight: 900; opacity:0.5; text-transform:uppercase;letter-spacing: 3.52px; margin-top:15px; } .page-node-type-formation .region-featured-1 #block-views-block-temoignages-block-3 > div .view-temoignages .view-empty { height:100%; display:flex; justify-content:center; align-items:center; color:rgba(var(--blanc),0.5); font-style:italic; } .page-node-type-formation.Formation .region-featured-1 .view-temoignages .slick-slider .slick-dots li.slick-active button::before { color:rgba(var(--bleu)); } .page-node-type-formation.Voyage .region-featured-1 .view-temoignages .slick-slider .slick-dots li.slick-active button::before { color:rgba(var(--vert)); } .page-node-type-formation:is(.Replay, .Conférence) .view-temoignages .slick-slider .slick-dots li.slick-active button::before { color:rgba(var(--rouge)); } .page-node-type-formation .region-featured-1 #block-formationunequestioncontacteznous { padding:50px 60px; border-radius:25px; background-color:transparent; border:1px solid; text-align:center; width:70%; display: flex; align-items: center; justify-content: center; margin-top:45px; } .page-node-type-formation.Formation .region-featured-1 #block-formationunequestioncontacteznous { background-color:rgba(var(--bleu5)); border-color:rgba(var(--bleu6)); color:rgba(var(--bleu6)); } .page-node-type-formation.Voyage .region-featured-1 #block-formationunequestioncontacteznous { background-color:rgba(var(--vert2)); border-color:rgba(var(--vert)); color:rgba(var(--vert));} .page-node-type-formation:is(.Replay, .Conférence) .region-featured-1 #block-formationunequestioncontacteznous { background-color:rgba(var(--rouge2)); border-color:rgba(var(--rouge)); color:rgba(var(--rouge)); } .page-node-type-formation .region-featured-1 #block-views-block-formation-infos-block-2 { width:calc(30% - 30px); padding: 50px 60px; border-radius: 25px; border: 1px solid; color: rgba(var(--blanc)); text-align: center; margin-top:45px; } .page-node-type-formation.Formation .region-featured-1 #block-views-block-formation-infos-block-2 { background-color:rgba(var(--bleu6)); border-color:rgba(var(--bleu6)); } .page-node-type-formation.Voyage .region-featured-1 #block-views-block-formation-infos-block-2 { background-color:rgba(var(--vert)); border-color:rgba(var(--vert)); } .page-node-type-formation:is(.Replay, .Conférence) .region-featured-1 #block-views-block-formation-infos-block-2 { background-color:rgba(var(--rouge)); border-color:rgba(var(--rouge)); } .page-node-type-formation .region-featured-1 #block-views-block-formation-infos-block-2 .views-field-field-appreciation-generale { font-size:60px; font-weight:100; line-height: 1; } .page-node-type-formation .region-featured-1 #block-views-block-formation-infos-block-2 .views-field-field-appreciation-generale span { display:block; } .page-node-type-formation .region-featured-1 #block-views-block-formation-infos-block-2 .views-field-field-nb-stagiaires-formes { font-size:13px; margin-top:10px; } .page-node-type-formation.Voyage .region-featured-1 #block-views-block-formation-infos-block-1 { order:5; margin-top:45px; } .page-node-type-formation.Voyage .region-featured-1 #block-views-block-temoignages-block-3 { order:6; margin-top:45px; } .page-node-type-formation:is(.Replay, .Conférence) .region-featured-1 #block-views-block-formation-infos-block-1 { width:100%; } .page-node-type-formation:is(.Replay, .Conférence) div:is(#block-views-block-temoignages-block-3, #block-formationunequestioncontacteznous, #block-views-block-formation-infos-block-2) { display:none; } .page-node-type-formation #featured_2 { padding:70px 0; } .page-node-type-formation.Formation #featured_2 { background-color:rgba(var(--bleu5)); } .page-node-type-formation.Voyage #featured_2 { background-color:rgba(var(--vert2)); } .page-node-type-formation:is(.Replay, .Conférence) #featured_2 { background-color:rgba(var(--rouge2)); } .page-node-type-formation.Formation #featured_2 .view-formation-infos .views-field-field-texte-5 { color:rgba(var(--bleu6)); } .page-node-type-formation.Voyage #featured_2 .view-formation-infos .views-field-field-texte-5 { color:rgba(var(--vert)); } .page-node-type-formation:is(.Replay, .Conférence) #featured_2 .view-formation-infos .views-field-field-texte-5 { color:rgba(var(--rouge)); } .page-node-type-formation #featured_2 + #footer-first { margin-top:0; } /******************************************************************************************************************/ /********************************************** ESPACE PRIVEE *****************************************************/ /******************************************************************************************************************/ body[class*="path-espace-"]:not(.path-espace-privetodo-list,[class*=path-espace-privecontacts-clients]) { background-color:rgba(var(--gris1)); } body[class*="path-espace-"]:not(.page-node-4440,.page-node-10234) #section #content .region-content { border-radius:25px; background-color:rgba(var(--blanc)); padding:50px 60px; box-shadow: 0 0 25px 0 rgba(var(--noir), 0.1); width:100%; color:rgba(var(--bleu),0.5); display:flex; flex-wrap:wrap; justify-content:space-between; } body[class*="path-espace-"] #section #content .region-content #block-izianet-content { width:100%; } body[class*="path-espace-"] #section #content .region-content h3, .modal-body #espace-prive-entete h3 { font-size: 25px; font-weight: 300; font-style: normal; line-height: 1.44; letter-spacing: -0.63px; color:rgba(var(--bleu)); } body[class*="path-espace-"] #section #content .region-content h4 { margin:25px 0; position:relative; border-bottom:3px solid rgba(var(--bleu),0.5); } body[class*="path-espace-"] #section #content .region-content h4::after { content:" "; display:table; clear:both; margin-bottom:-3px; } body[class*="path-espace-"] #section #content .region-content h4 span { background-color:rgba(var(--blanc)); padding:0 15px 0 0; color:rgba(var(--bleu));} body[class*="path-espace-"] #section #content .region-content .view-content + h4 { margin-top:50px; } body[class*="path-espace-"] #section #content .region-content #block-izianet-content #espace-prive-entete, .modal-body #espace-prive-entete { margin-bottom:1rem; background-repeat:no-repeat; background-position:right center; background-size:60px; position:relative; padding-right:65px; text-align: left; width: 100%; } body[class*="path-espace-"] #section #content .region-content #block-izianet-content #espace-prive-entete h2, .modal-body #espace-prive-entete h2 { color:rgba(var(--orange)); margin-bottom: 1rem; } .modal-body #espace-prive-entete #espace-prive-entete-actions { position: absolute; right: 0; top: 0; display: flex; align-items: center; } .modal-body #espace-prive-entete #espace-prive-entete-actions * + * { margin-left: 15px;} body[class*="path-espace-"] #section #content .region-content #block-izianet-content form:not(#webform-submission-avis-add-form,.filtres) { margin-top:30px; } body[class*="path-espace-"] #section #content .region-content #block-izianet-content .views-exposed-form form { margin-top: 0!important;} body[class*="path-espace-"] #featured_1 { padding: 0 0 70px 0; background-color: rgba(var(--gris1)); } body[class*="path-espace-"] #featured_1 + #footer-first { border-top:0; } #block-majbadge { position:absolute; right:0; top:80px; width:auto; } #block-majbadge a { color:rgba(var(--blanc)); text-decoration:none; } #block-majbadge a:hover { text-decoration:underline; cursor:pointer; } #block-majbadge a img { margin-left:20px; } body.page-node-4432 #section #content .region-content #block-majconnexion { width:48%; padding:50px 0; } body.page-node-4432 #section #content .region-content #block-majconnexion form { margin-top:40px; } body.page-node-4432 #section #content .region-content form *:is(input[type=text], input[type=password],select) { background-color:rgba(var(--blanc)); border:1px solid rgba(var(--bleu)); } body.page-node-4432 #section #content .region-content #block-majconnexion form input::placeholder { color:rgba(var(--bleu), 0.4); } body.page-node-4432 #section #content .region-content #block-majconnexion form #search-account-result { margin-top:20px; } body.page-node-4432 #section #content .region-content #block-majconnexion form .g-recaptcha div { margin:0; } body.page-node-4432 #section #content .region-content #block-majconnexion form .form-actions { justify-content:start; } body.page-node-4432 #section #content .region-content #block-majconnexion form .form-actions .forgetPassword { margin-left:25px; } body.page-node-4432 #section #content .region-content #block-majconnexion form .form-actions .forgetPassword a { color:rgba(var(--bleu),0.5); text-decoration:none; } body.page-node-4432 #section #content .region-content #block-majconnexion form .form-actions .forgetPassword a:hover { text-decoration:underline; } body.page-node-4432 #section #content .region-content #block-sinscrire { width:48%; padding:50px 60px; background:rgba(var(--bleu4)); } body[class*="path-espace-"] #highlighted ul.menu { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin:50px 0; } body[class*="path-espace-"] #highlighted ul.menu::after { display: none; } body[class*="path-espace-"] #highlighted ul.menu li a { padding:20px 40px 20px 70px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; background-color:rgba(var(--gris5)); border-radius:15px; color:rgba(var(--gris2)); text-decoration:none; text-transform:uppercase; border:none!important; font-size:14px; background-repeat:no-repeat; background-position:left 15px center; } body[class*="path-espace-"] #highlighted ul.menu li:is(#menu-entreprise-menu-link-contentc2c0e6d4-d945-451f-836a-5b79a6af36c3) a { background-image:url(../images/picto-entreprise.png); } body[class*="path-espace-"] #highlighted ul.menu li:is(#menu-entreprise-menu-link-contentfc2ab949-a0da-4b75-aed9-989824c81f3d, #menu-stagiaire-menu-link-content1529d403-a8b8-4616-9ff2-a3de439f77a4, #menu-maj-menu-link-content2d714d08-48e1-4f0c-8ea2-5006d5b49413, #menu-formateur-menu-link-contentad3dda76-25ae-4a7c-97a4-cf0fa54ab4d8) a { background-image:url(../images/picto-personnel.png); } body[class*="path-espace-"] #highlighted ul.menu li:is(#menu-entreprise-menu-link-contentabe50846-341e-4eb5-aad0-b1df2e0614ca, #menu-stagiaire-menu-link-contentc8a6d03e-76e7-4c95-960d-fe65997923e6, #menu-maj-menu-link-content8240902e-6d1c-423b-9dbb-7f321b21e057, #menu-formateur-menu-link-contentd1f312ab-bcfe-453b-a145-08612a2c7794) a { background-image:url(../images/picto-suivi.png); } body[class*="path-espace-"] #highlighted ul.menu li:is(#menu-entreprise-menu-link-content61de736a-46de-4106-998b-f5f37952664c, #menu-stagiaire-menu-link-content6bef9092-b986-4f7d-a5d3-7c112076b505) a { background-image:url(../images/picto-panier.png); } body[class*="path-espace-"] #highlighted ul.menu li:is(#menu-entreprise-menu-link-content94b2eb61-d814-42b3-8fb7-000e27352354, #menu-stagiaire-menu-link-content4d832e6a-dcf0-4b53-b65f-4081f4d98b74, #menu-formateur-menu-link-content1bd46531-a200-4b7f-8cf8-42c26de539c3) a { background-image:url(../images/picto-factures.png); } body[class*="path-espace-"] #highlighted ul.menu li:is(#menu-entreprise-menu-link-content54fac620-c64f-4533-a25e-a51a8ebc334e, #menu-stagiaire-menu-link-content3e5bb5c8-1ac3-43c5-a6f9-a52065a5e28d, #menu-maj-menu-link-content2d54f0eb-ace0-425e-a304-c88f5429f48d, #menu-formateur-menu-link-content102eaa73-e207-423f-9334-0ad1da683b82) a { background-image:url(../images/picto-deconnexion.png); } body[class*="path-espace-"] #highlighted ul.menu li:is(#menu-formateur-menu-link-contentd4938d2f-0c5e-47f2-ace8-0a944cc84461) a { background-image:url(../images/picto-formations.png); } body[class*="path-espace-"] #highlighted ul.menu li:is(#menu-formateur-menu-link-contenta70f4069-12a6-4bdb-847d-7e562ea2f668) a { background-image:url(../images/picto-programmation.png); } body[class*="path-espace-"] #highlighted ul.menu li:is(#menu-formateur-menu-link-content72e9eee1-b27b-42f8-82a4-f71e74d5a685) a { background-image:url(../images/picto-plateforme.png); } body[class*="path-espace-"] #highlighted ul.menu li a:not(.active):hover { text-decoration:none; } body[class*="path-espace-"] #highlighted ul.menu li a.is-active {background-color:rgba(var(--orange))!important; color:rgba(var(--blanc))!important; } body[class*="path-espace-"] #highlighted ul.menu li a.is-active:hover { text-decoration:none; } body[class*="path-espace-"] #highlighted ul.menu#superfish-menu-formateur li:first-child a { padding: 15px; text-transform: none; font-size: 24px; font-family:"Material icons"; } body[class*="path-espace-"] #header #header-body > .container > .row #header-right .region-header-right #block-boutonmoncompte p:first-child a { color:rgba(var(--gris2)); font-weight: bold; } body[class*="path-espace-"] #highlighted { background-color:rgba(var(--bleu2)); color:rgba(var(--blanc)); } body[class*="path-espace-"] #highlighted #block-izianet-breadcrumbs #breadcrumb .breadcrumb { color:rgba(var(--orange)); margin-bottom:30px; } body[class*="path-espace-"] #highlighted #block-izianet-breadcrumbs #breadcrumb .breadcrumb a, #highlighted #block-izianet-breadcrumbs #breadcrumb .breadcrumb .sep { color:rgba(var(--blanc)); } body[class*="path-espace-"] #section #content .region-content #block-izianet-content ul.onglets { display: flex; justify-content: space-between; align-items: center; width: 100%; padding-left: 0; } body[class*="path-espace-"] #section #content .region-content #block-izianet-content ul.onglets li { padding: 0px 20px; text-align: center; list-style: none; } body[class*="path-espace-"] #section #content .region-content #block-izianet-content ul.onglets li a { border: 1px solid rgba(var(--bleu)); color: rgba(var(--bleu)); text-decoration: none; text-transform:uppercase; border-radius: 25px; width: 100%; padding: 5px 10px; display: block; } body[class*="path-espace-"] #section #content .region-content #block-izianet-content ul.onglets li a span { display: flex; width: fit-content; margin: auto; align-items: center; } body[class*="path-espace-"] #section #content .region-content #block-izianet-content ul.onglets li a:not(.is-active) span::before, body[class*="path-espace-"] #section #content .region-content #block-izianet-content ul.onglets li a:not(.is-active) span::after { content:"›"; color:rgba(var(--orange)); margin-left:7px; font-size:20px; width:12px; text-align:center; display:inline-block; order:2; } body[class*="path-espace-"] #section #content .region-content #block-izianet-content ul.onglets li a:not(.is-active) span::after { visibility: hidden; opacity: 0; display: none; margin-left:0; transition: visibility 0s, opacity 0.1s linear; } body[class*="path-espace-"] #section #content .region-content #block-izianet-content ul.onglets li a:not(.is-active):hover span::after { visibility: visible; opacity: 1; display: block; } body[class*="path-espace-"] #section #content .region-content #block-izianet-content ul.onglets li a.is-active { background-color: rgba(var(--bleu)); color: rgba(var(--blanc)); line-height: 30px; } body[class*="path-espace-"] #section #content .region-content #block-izianet-content ul.onglets + #onglet-content { background-color: rgba(var(--bleu4)); padding: 30px; border-radius: 25px; } body[class*="path-espace-"] #section #content .region-content #block-izianet-content ul.onglets + #onglet-content form { margin-top: 0;} body[class*="path-espace-"] #section #content .region-content #block-izianet-content ul.onglets + #onglet-content *:is(form,div.form) .form-item input:not([type="submit"], [type="button"], [type="radio"], [type="checkbox"]), body[class*="path-espace-"] #section #content .region-content #block-izianet-content ul.onglets + #onglet-content *:is(form,div.form) .form-item select, body[class*="path-espace-"] #section #content .region-content #block-izianet-content ul.onglets + #onglet-content *:is(form,div.form) .form-item .form-textarea-wrapper textarea, body[class*="path-espace-"] #section #content .region-content #block-izianet-content ul.onglets + #onglet-content *:is(form,div.form) .form-item span.select2 { background-color: rgba(var(--blanc));} body[class*="path-espace-"] #section #content .region-content #block-izianet-content ul.onglets + #onglet-content *:is(form,div.form) .form-item input:not([type="submit"], [type="button"], [type="radio"], [type="checkbox"]):disabled, body[class*="path-espace-"] #section #content .region-content #block-izianet-content ul.onglets + #onglet-content *:is(form,div.form) .form-item select:disabled, body[class*="path-espace-"] #section #content .region-content #block-izianet-content ul.onglets + #onglet-content *:is(form,div.form) .form-item .form-textarea-wrapper textarea:disabled, body[class*="path-espace-"] #section #content .region-content #block-izianet-content ul.onglets + #onglet-content *:is(form,div.form) .form-item span.select2 { background-color: rgba(var(--blanc),0.5);} body[class*="path-espace-"] #section #content .region-content #block-izianet-content ul.onglets + #onglet-content form .listing-items .item { display: flex; width: 100%; margin-bottom: 20px; } body[class*="path-espace-"] #section #content .region-content #block-izianet-content ul.onglets + #onglet-content form .listing-items .item + .item { border-top:2px solid rgba(var(--blanc)); padding-top: 20px; } body[class*="path-espace-"] #section #content .region-content #block-izianet-content ul.onglets + #onglet-content form .listing-items .item .row.regroupement { width: calc(100% - 10px); padding-right: 20px;} body[class*="path-espace-"] #section #content .region-content #block-izianet-content ul.onglets + #onglet-content form .listing-items .item .remove { padding:10px; border-left: 1px dashed rgba(var(--bleu)); display: flex; align-items: center; justify-content: center;} body[class*="path-espace-"] #section #content .region-content #block-izianet-content ul.onglets + #onglet-content form table.dataManagement tr td .removeRow { box-shadow: none;} body[class*="path-espace-"] #section #content .region-content #block-izianet-content ul.onglets + #onglet-content form .listing-items .item .remove span, body[class*="path-espace-"] #section #content .region-content #block-izianet-content ul.onglets + #onglet-content form table.dataManagement tr td .removeRow span, .supprimerFichier { background-color: rgba(var(--bleu)); border-radius: 50px; padding: 2px; color: rgba(var(--blanc)); font-size: 16px; cursor: pointer;} body[class*="path-espace-"] #section #content .region-content #block-izianet-content ul#onglet-administratif li { width: 33%; } body[class*="path-espace-"] #section #content .region-content #block-izianet-content form.filtres { display:flex; align-items:center; } body[class*="path-espace-prive"] #section #content .region-content #block-izianet-content form.filtres::before { content:"Filtrer par :"; min-width:100px; margin-bottom: 1em; } body[class*="path-espace-privecontacts-clientsformateur"] #section #content .region-content #block-izianet-content form.filtres::before { display: none; } body[class*="path-espace-"] #section #content .region-content #block-izianet-content form.filtres .form-item { margin-right:20px; } body[class*="path-espace-"] #section #content .region-content #block-izianet-content form.filtres .form-item *:is(select,input[type="text"]) { padding-left: 10px;} body[class*="path-espace-"] #section #content .region-content #block-izianet-content .views-exposed-form { display: flex; align-items: center; } body[class*="path-espace-"] #section #content .region-content #block-izianet-content .views-exposed-form form { width: fit-content;} body[class*="path-espace-"] #section #content .region-content #block-izianet-content .views-exposed-form form input:is([type=button],[type=submit]) { text-transform:none; margin-bottom: 1rem; background-color:rgba(var(--bleu))!important; padding: 0 5px; border-radius: 7px; border:1px solid rgba(var(--bleu))!important; font-size: 30px; line-height: 41px; text-transform: none; color:rgba(var(--blanc))!important; } body[class*="path-espace-"] #section #content .region-content #block-izianet-content .views-exposed-form form input:is([type=button],[type=submit]):hover { color:rgba(var(--bleu))!important; background-color:rgba(var(--blanc))!important; } body[class*="path-espace-"] #section #content .region-content #block-izianet-content .views-exposed-form form + form { margin-left: 10px; border-left: 1px dashed rgba(var(--bleu)); padding-left: 10px; margin-bottom: 15px; } body[class*="path-espace-"] #section #content .region-content #block-izianet-content .views-exposed-form form + form input:is([type=button],[type=submit]) { margin-bottom: 0;} body[class*="path-espace-"] .table-100 { width:100%; overflow-x:auto;} body[class*="path-espace-"] .tableFixHead { width:100%; max-height:300px; overflow:auto; scrollbar-width: thin; scrollbar-color: #6a737b #f8f9fa; } body[class*="path-espace-"] .tableFixHead table thead tr th { position: sticky!important; top: 0; z-index:1; } body[class*="path-espace-"] .table-listing:not(.dataManagement) { border-bottom:2.5px solid rgba(var(--bleu)); margin-bottom:30px; color:rgba(var(--bleu2),0.5); } body[class*="path-espace-"] .table-listing thead tr th { background-color:rgba(var(--bleu)); color:rgba(var(--blanc)); padding:15px; text-align:center; position:relative; } body[class*="path-espace-"] .table-listing thead tr th:first-child { border-radius:15px 0 0 15px; } body[class*="path-espace-"] .table-listing thead tr th:last-child { border-radius:0 15px 15px 0; } body[class*="path-espace-"] .table-listing thead tr + tr th::after { content:" "; width:calc(100% - 10px); border:1px dashed rgba(var(--blanc)); position:absolute; left:5px; top:0; } body[class*="path-espace-"] .table-listing thead tr + tr th:is(:first-child,:last-child) { border-radius:0; } body[class*="path-espace-"] .table-listing thead tr th + th::before, body[class*="path-espace-"] .table-listing thead tr + tr th:first-child::before { content:" "; height:calc(100% - 30px); width:1px; border:1px dashed rgba(var(--blanc)); position:absolute; left:0; top:15px; } body[class*="path-espace-"] .table-listing tbody tr td { position:relative; padding:15px; vertical-align:middle; } body[class*="path-espace-"] .view-content .table-listing tbody tr td { min-width:100px; } body[class*="path-espace-"] .table-listing tbody:not(.ui-sortable) tr + tr:not(.item,.sous-item,.btn-addRow,.no-result,.new-sous-item) td::after { content:" "; width:calc(100% - 10px); border:1px dashed rgba(var(--bleu)); position:absolute; left:5px; top:0; } body[class*="path-espace-"] .table-listing tbody tr td + td::before, body[class*="path-espace-"] .table-listing tbody:not(.ui-sortable) tr + tr:not(.item,.sous-item,.btn-addRow,.no-result,.new-sous-item) td:first-child::before { content:" "; height:calc(100% - 30px); width:1px; border:1px dashed rgba(var(--bleu)); position:absolute; left:0; top:15px; } body[class*="path-espace-"] .table-listing tbody tr td a { color:inherit; text-decoration:none; } body[class*="path-espace-"] .table-listing tbody tr td a:hover { text-decoration:underline; } body[class*="path-espace-"] .table-listing tbody tr td .entete { display:none; } body[class*="path-espace-"] .table-listing tbody tr td .open-detail { cursor:pointer; } body[class*="path-espace-"] .table-listing tbody tr td *:is(a.document,div.edit) { display:flex; align-items:center; } body[class*="path-espace-"] .table-listing tbody tr td *:is(a.document) { color:rgba(var(--bleu),0.5); } body[class*="path-espace-"] .table-listing tbody tr td *:is(a.document,div.edit):hover { cursor:pointer; text-decoration:none; } body[class*="path-espace-"] .table-listing tbody tr td *:is(a.document,div.edit):hover span:not(.material-icons) { text-decoration:underline; } body[class*="path-espace-"] .table-listing tbody tr td ul { margin:0; padding:0; padding-left: 10px; } body[class*="path-espace-"] .table-listing tbody tr td label { margin:0; } body[class*="path-espace-"] .table-listing tbody tr:not(.hide, .no-result) + tr.item, form table.dataManagement tr.btn-addRow, table.sortable tr + tr { border-top: 2.5px solid rgba(var(--bleu)); } body[class*="path-espace-"] #section #content .region-content #block-izianet-content ul.onglets + #onglet-content form .table-listing tbody tr:not(.hide,.no-result) + tr.item { border-top:2px solid rgba(var(--blanc)); } body[class*="path-espace-"] #section #content .region-content #block-izianet-content ul.onglets + #onglet-content form table.dataManagement tr.btn-addRow { border-top:0!important; } form fieldset table.dataManagement tr.btn-addRow { border-top:none; } body[class*="path-espace-"] .table-listing tbody tr.nouveau td { background-color: rgba(var(--orange),0.1); } body[class*="path-espace-"] .table-listing tbody tr.sous-item { border-top:2.5px solid rgba(var(--bleu4)); } body[class*="path-espace-"] .table-listing tbody tr.sous-item > td { padding:15px; } body[class*="path-espace-"] .table-listing .table-listing { border-bottom:none; margin-bottom:0; } body[class*="path-espace-"] .table-listing .table-listing thead tr th { background-color:rgba(var(--bleu),0.5); } body[class*="path-espace-"] .table-listing .table-listing thead tr th:first-child { border-radius:15px 0 0 0; } body[class*="path-espace-"] .table-listing .table-listing thead tr th:last-child { border-radius:0 15px 0 0; } body[class*="path-espace-"] .table-listing .table-listing tbody tr td { background-color:rgba(var(--bleu4)); color:rgba(var(--bleu),0.5); } body[class*="path-espace-"] .table-listing .table-listing tbody tr + tr { border-top:2.5px solid rgba(var(--bleu), 0.5); } #block-explicationdemandeurdemploi { margin-top:45px; } body:is([class*=path-espace-priveinscriptionentreprise],.path-espace-priveentreprise) #section #content .region-content #block-izianet-content #espace-prive-entete { background-image:url(../images/espace-prive-picto-entreprise.png); } body:is([class*=path-espace-priveinscriptionindividuelle],[class*=path-espace-privestagiairesedition],[class*=path-espace-privestagiairesretirer],.path-espace-privestagiairesajout) #section #content .region-content #block-izianet-content #espace-prive-entete { background-image:url(../images/espace-prive-picto-personnel.png); } body[class*="path-espace-"] #section #content .region-content #espace-prive-entete .counter { position:absolute; right:0; top:5px; } body[class*="path-espace-"] #section #content .region-content #espace-prive-entete .counter span { background-color:rgba(var(--bleu4)); padding:5px 50px; border-radius:50px; } body[class*="path-espace-"] #section #content .region-content #espace-prive-entete .counter span + span { margin-left:20px; } body[class*="path-espace-"] #section #content .view-espace-prive-stagiaires .views-row { background-color:rgba(var(--bleu4)); padding:35px; border-radius:20px; margin-bottom:20px; } body[class*="path-espace-"] #section #content .view-espace-prive-stagiaires .views-row .views-field-nothing .field-content { display:flex; justify-content:space-between; } body[class*="path-espace-"] #section #content .view-espace-prive-stagiaires .views-row .views-field-nothing .field-content .stagiaire-photo { display:flex; align-items:center; width:130px; } body[class*="path-espace-"] #section #content .view-espace-prive-stagiaires .views-row .views-field-nothing .field-content .stagiaire-infos { display:flex; flex-wrap:wrap; justify-content:space-between; width:80%; padding-left:35px; border-left:2px dotted rgba(var(--gris3)); } body[class*="path-espace-"] #section #content .view-espace-prive-stagiaires .views-row .views-field-nothing .field-content .stagiaire-infos .stagiaire-infos-item { width:48%; margin-bottom:0.5rem; color:rgba(var(--noir),0.5); } body[class*="path-espace-"] #section #content .view-espace-prive-stagiaires .views-row .views-field-nothing .field-content .stagiaire-infos .stagiaire-infos-item.identite { width:100%; margin-bottom:1rem; } body[class*="path-espace-"] #section #content .view-espace-prive-stagiaires .views-row .views-field-nothing .field-content .stagiaire-infos .stagiaire-infos-item.identite span { display:flex; align-items:center; font-weight:300; } body[class*="path-espace-"] #section #content .view-espace-prive-stagiaires .views-row .views-field-nothing .field-content .stagiaire-infos .stagiaire-infos-item.connexion { color:rgba(var(--bleu),0.5); } body[class*="path-espace-"] #section #content .view-espace-prive-stagiaires .views-row .views-field-nothing .field-content .stagiaire-actions { display:flex; flex-direction:column; justify-content:center; } body[class*="path-espace-"] #section #content .view-espace-prive-stagiaires .views-row .views-field-nothing .field-content .stagiaire-actions a { border-radius:50px; background-color:rgba(var(--bleu)); color:rgba(var(--blanc)); padding: 4px; text-decoration:none; display: flex; align-items: center; justify-content: center; } body[class*="path-espace-"] #section #content .view-espace-prive-stagiaires .views-row .views-field-nothing .field-content .stagiaire-actions div { border-radius:50px; background-color:transparent; color:rgba(var(--bleu)); border:1px solid rgba(var(--bleu)); padding: 4px; display: flex; align-items: center; justify-content: center; cursor:pointer; } body[class*="path-espace-"] #section #content .view-espace-prive-stagiaires .views-row .views-field-nothing .field-content .stagiaire-actions a + *:is(a,div) { margin-top:0.5rem; } body[class*="path-espace-"] #section #content .view-espace-prive-stagiaires .views-row .views-field-nothing .field-content .stagiaire-actions *:is(a,div) .material-icons { font-size:16px; } body[class*="path-espace-"] #section #content #block-espacepriveaccueilavis .block-custom-type:not(.with-container) .pave .field { color:rgba(var(--blanc)); border:1px solid rgba(var(--orange)); } body[class*="path-espace-"] #section #content .region-content #block-izianet-content form#webform-submission-avis-add-form { width:100%; } body:is(.path-espace-priveformations,.path-espace-priveformationsplan-de-formation,[class*=path-espace-privecontacts-clients],.path-espace-privetodo-list,[class*=path-espace-formateur]) .table-listing tbody tr td .open-detail { display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; margin: auto; color: rgba(var(--noir)); border-radius: 50%; box-shadow: 0 0 25px 0 rgba(var(--noir), 0.1); position: absolute; top: 50%; left: -40px; margin-top: -17.5px; } body.path-espace-privefactures .table-listing tbody tr td input[type=checkbox] { position: absolute; left: -35px; top: 50%; margin-top: -6px; } body.path-espace-privefactures .table-listing span.material-icons { font-size:20px; color:rgba(var(--bleu),0.5); } body.path-espace-priveinscription-formationetape1 #section #content .listing-offres { margin: 3% 0; } body.path-espace-priveinscription-formationetape1 #section #content .listing-offres .offre-row { width:100%; display:flex; align-items:center; justify-content:space-between;} body.path-espace-priveinscription-formationetape1 #section #content .listing-offres .offre-row + .offre-row { margin-top: 3%; } body.path-espace-priveinscription-formationetape1 #section #content .listing-offres .offre-row .offre { width:90%; margin-bottom:0; } body.path-espace-priveinscription-formationetape1 #section #content .listing-offres .offre-row .offre .offre-infos { width:calc(100% - 200px); } body.path-espace-priveinscription-formationetape1 #section #content .listing-offres .offre-row .offre .offre-infos .offre-infos-header .offre-modalite { margin-left:30px; } body.path-espace-priveinscription-formationetape1 #section #content .listing-offres .offre-row .offre .offre-infos .offre-infos-footer { margin-top:0; } body.path-espace-priveinscription-formationetape1 #section #content .listing-offres .offre-row .offre .offre-infos .offre-infos-footer .offre-duree { margin-left:0; } body.path-espace-priveinscription-formationetape1 #section #content .listing-offres .offre-row .offre .offre-vignette { width:200px; } body.path-espace-priveinscription-formationetape1 #section #content .listing-offres .offre-row .offre:hover .offre-vignette .offre-vignette-hover p { font-size:1rem; } body.path-espace-priveinscription-formationetape1 #section #content .listing-offres .offre-row .add-cart { display:flex; justify-content:center; align-items:center; width:35px; height:35px; margin:auto; color:rgba(var(--noir)); border-radius:50%; box-shadow: 0 0 25px 0 rgba(var(--noir), 0.3); } body.path-espace-priveinscription-formationetape1 #section #content .listing-offres .offre-row .add-cart:hover { box-shadow: 0 0 25px 0 rgba(var(--noir), 0.15); color:rgba(var(--orange)); cursor:pointer; } body.path-espace-priveinscription-formationetape1 #section #content .form-actions .btn-primary { margin-left:30px; } body[class*=path-espace-priveinscription-formationetape] #section #content .inscription-block { padding-bottom:30px; } body[class*=path-espace-priveinscription-formationetape] #section #content .inscription-block + .inscription-block { border-top:2px solid rgba(var(--bleu4)); padding-top:30px; } body[class*=path-espace-priveinscription-formationetape] #section #content .inscription-block .inscription-block-title { color:rgba(var(--bleu6)); font-size:18px; font-weight: bold; } body[class*=path-espace-priveinscription-formationetape] #section #content .inscription-block .inscription-block-title span { font-weight: normal; } body[class*=path-espace-priveinscription-formationetape] #section #content .inscription-block .inscription-block-description { color:rgba(var(--bleu6)); font-size:12px; letter-spacing: 1.1px; font-weight: bold; opacity:0.5; } body[class*=path-espace-priveinscription-formationetape] #section #content .inscription-block .inscription-block-description span { font-weight: normal; text-transform:uppercase; margin-left:20px; } body[class*=path-espace-priveinscription-formationetape] #section #content .inscription-block .listing { margin-top:15px; } body[class*=path-espace-priveinscription-formationetape] #section #content .session.error { padding:5px; border:2px solid red; } body[class*=path-espace-priveinscription-formationetape] #section #content .inscription-block .listing .table-listing { margin:0; } body.path-espace-priveinscription-formationetape4 #section #content .inscription-block .listing .stagiaire-financement { margin-top:30px; flex-wrap:wrap; display:flex; } /******************************************************************************************************************/ /****************************************************** CRM *******************************************************/ /******************************************************************************************************************/ body.path-espace-privecontacts-clients #section #content .region-content #block-izianet-content form.filtres::before { content: "Recherche :"; } body[class*=path-espace-privecontacts-clients] #section.withSidebar #content { width:78%; } body[class*=path-espace-privecontacts-clients] #section #sidebar { width:20%; } body:is(.path-espace-privetodo-list,[class*=path-espace-privecontacts-clients]) .view-content .table-listing tbody tr td { min-width:auto; vertical-align:middle; } body:is(.path-espace-priveformationsplan-de-formation,.path-espace-privetodo-list,[class*=path-espace-privecontacts-clients]) .table-listing tbody tr.sous-item > td { background-color: rgba(var(--bleu4),0.5); padding:15px; color:rgba(var(--bleu),0.7);} body:is(.path-espace-priveformationsplan-de-formation,.path-espace-privetodo-list,[class*=path-espace-privecontacts-clients]) .table-listing tbody tr.sous-item > td div.d-flex > div { margin:10px 0; } body:is(.path-espace-priveformationsplan-de-formation,.path-espace-privetodo-list,[class*=path-espace-privecontacts-clients]) .table-listing tbody tr.sous-item > td div.d-flex > div label { margin-right:5px; font-weight:600; } #block-majcrmhistoriqueclient { margin-top:0; } #block-majcrmhistoriqueclient #espace-prive-entete h2 { color:rgba(var(--orange)); } #block-majcrmhistoriqueclient .action-listing, .path-espace-privetodo-list .action-listing, .actions-listing .action-listing { border-radius:50px; background-color:rgba(var(--bleu)); color:rgba(var(--blanc))!important; padding: 4px; text-decoration:none; display: flex; align-items: center; justify-content: center; width: fit-content; float:left; margin:0 5px; cursor:pointer; } #block-majcrmhistoriqueclient .action-listing span, .path-espace-privetodo-list .action-listing span, .actions-listing .action-listing span { font-size:18px; } div:is(.view-informations-clients,.view-crm-informations-clients-user), #block-formateurformations { border-radius: 25px; padding: 50px 30px 40px; color: rgba(var(--blanc)); background: rgba(var(--bleu)); } div:is(.view-informations-clients,.view-crm-informations-clients-user) .views-field .field-content span, #block-formateurformations .views-field-title span { margin-bottom:5px; display:flex; align-items:center; } div:is(.view-informations-clients,.view-crm-informations-clients-user) .views-field .field-content span::before { font-family:"Material icons"; font-size: 20px; margin-right:5px; } div:is(.view-informations-clients,.view-crm-informations-clients-user) .views-field .field-content span a { color: rgba(var(--blanc)); } div:is(.view-informations-clients,.view-crm-informations-clients-user) .views-field .field-content span + span, #block-formateurformations .views-field-title span + span { margin-top:1rem; } .view-informations-clients .views-field-title, .view-crm-informations-clients-user .views-field-field-nom , #block-formateurformations .views-field-title { margin-bottom:20px; } .view-informations-clients .views-field-field-societe .field-content span::before, .view-crm-informations-clients-user .views-field-title .field-content span::before { content:"apartment"; } div:is(.view-informations-clients,.view-crm-informations-clients-user) div:is(.views-field-field-adresse-locality,.views-field-field-ville,.views-field-field-ville-1) .field-content span::before { content:"location_on"; } div:is(.view-informations-clients,.view-crm-informations-clients-user) div:is(.views-field-field-email,.views-field-mail) .field-content span::before { content:"alternate_email"; } div:is(.view-informations-clients,.view-crm-informations-clients-user) div:is(.views-field-field-telephone,.views-field-field-telephone-portable) .field-content span::before { content:"call"; } div:is(.view-informations-clients,.view-crm-informations-clients-user) .views-field-field-siret .field-content span::before { content:"fingerprint"; } div:is(.view-informations-clients,.view-crm-informations-clients-user) div:is(.views-field-field-contact,.views-field-field-representants) .field-content span::before { content:"badge"; } div:is(.view-informations-clients,.view-crm-informations-clients-user) .views-field-field-commentaires .field-content span::before { content:"notes"; } #block-menumajsousmemuformateur > ul { display: flex; align-items: center; justify-content: space-around; list-style: none; margin-top: 25px; } #block-menumajsousmemuformateur > ul li a { display: block; background-color: rgba(var(--gris5)); border-radius:10px; color: rgba(var(--gris2)); padding: 10px 25px; text-transform: uppercase; text-decoration: none } #block-menumajsousmemuformateur > ul li.active a { background-color: rgba(var(--orange)); color: rgba(var(--blanc));} body[class*="path-espace-formateur"] .block-custom-type .pave.bg-transparent { border:2px solid rgba(var(--bleu)); } body[class*="path-espace-formateur"] .block-custom-type:not(.with-container) .pave .field { padding:30px; } /******************************************************************************************************************/ /************************************************* TUTORIELS ******************************************************/ /******************************************************************************************************************/ .view-tutoriel-sommaire { margin-top:20px; } .view-tutoriel-sommaire .view-content > .views-row + .views-row { margin-top: 15px; padding-top: 10px; } .view-tutoriel-sommaire .ui-accordion-content .views-row { padding-left:20px; } .view-tutoriel-sommaire .ui-accordion-content .views-row + .views-row { margin-top:10px; } .view-tutoriel-sommaire .ui-accordion-content .views-row a { text-decoration:none; } .view-tutoriel-sommaire .ui-accordion-content .views-row a:not(.active):hover { text-decoration:underline; } .view-tutoriel-sommaire .ui-accordion-content .views-row a.active { color:rgba(var(--orange)); font-style:italic; } .view-tutoriel-sommaire .ui-accordion-header { font-size:20px; padding-right:45px; display:block; } .view-tutoriel-sommaire .ui-accordion-header .ui-icon { position:absolute; right:0; } #block-views-block-tutoriel-sommaire-block-1 { box-shadow: 0 0 25px 0 rgba(var(--noir), 0.1); border-radius: 25px; padding: 50px 60px; background-color:rgba(var(--blanc)); } #block-views-block-tutoriel-sommaire-block-1 h2 { color:rgba(var(--orange)); text-transform:uppercase; } #block-views-block-tutoriel-sommaire-block-1 .view-tutoriel-sommaire { margin-top:0; } /******************************************************************************************************************/ /******************************************* PAGE MODIF PASSWORD **************************************************/ /******************************************************************************************************************/ #user-form .form-wrapper, #user-form #edit-account .form-type-email { display: none; } #user-form #edit-account, #user-form .form-actions { display: block; } /******************************************************************************************************************/ /************************************************* FOOTER *********************************************************/ /******************************************************************************************************************/ #footer-first { padding:70px 0; background-color:rgba(var(--bleu2)); } #section + #footer-first, #featured_2 + #footer-first { margin-top:70px; } #featured_1 + #footer-first { border-top:15px solid rgba(var(--bleu)); } #footer-first * { color:rgba(var(--blanc)); text-transform:uppercase; font-size:12px; } #footer-first a:not(.btn-primary) { text-decoration:none; } #footer-first a:not(.btn-primary):hover { text-decoration:underline; } #footer-first ul.menu { margin:0; } #footer-first ul.menu li + li { margin-top:5px; } #footer-first #block-footerlogo .field--name-body img { max-width:215px; } #footer-first #block-footernoussuivre .field--name-body { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; } #footer-first #block-footernoussuivre .field--name-body p:first-child { width:100%; } #footer-first #block-footernoussuivre .field--name-body p .btn-primary { padding-right:50px; background-image:url(../images/picto-newsletter.png); background-repeat:no-repeat; background-position:right 25px center; } #footer-first #block-footernoussuivre .field--name-body p .btn-primary:is(:hover,:focus,:active) {background-image:url(../images/picto-newsletter-orange.png); } #footer-second { padding:25px 0; background-color:rgba(var(--gris1)); } #footer-second #block-qualiopi .field--name-body { color:rgba(var(--blanc)); display:flex; flex-wrap:wrap; justify-content:center; align-items:center; } #footer-second #block-qualiopi .field--name-body p { text-transform:uppercase; font-size:11px; letter-spacing: 0.55px; } #footer-second #block-qualiopi .field--name-body p:first-child { display:flex; flex-wrap:wrap; justify-content:space-around; align-items:center; } #footer-second #block-qualiopi .field--name-body p:first-child::after { content:" "; display:table; height:15px; width:1px; background-color:rgba(var(--blanc)); margin-left:15px; } #footer-second #block-qualiopi .field--name-body p + p { padding-left:20px; } /******************************************************************************************************************/ /************************************************** COOKIES *******************************************************/ /******************************************************************************************************************/ #tarteaucitronRoot #tarteaucitronAlertBig { background: #2a3135 !important; } #tarteaucitronIcon #tarteaucitronManager { box-shadow: none; } #tarteaucitronAlertBig #tarteaucitronPersonalize2, .tarteaucitronCTAButton, #tarteaucitronRoot .tarteaucitronAllow { background: #2e602e; font-weight: 200; } #tarteaucitronAlertBig #tarteaucitronPersonalize2, .tarteaucitronCTAButton { font-weight: 300; } html #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert p { margin: 5px 0; } html #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert * { color:rgba(var(--blanc)); } html #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert ul { margin-left: 20px; margin-bottom: 10px; list-style: disc; } html #tarteaucitronRoot #tarteaucitronAlertBig { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px; text-align: left; } html #tarteaucitronRoot #tarteaucitronAlertBig button:not(#tarteaucitronPrivacyUrl) { padding: 0 10px; margin: 10px 5px 0 5px; height: 25px; border: 1px solid #fff; background: #fff; color: #333; border-radius: 0; } #tarteaucitronRoot .tarteaucitronCheck::before { content: "\2713"; display: inline-block; color:rgba(var(--blanc)); } #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected, #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied2.tarteaucitronIsSelected { background-color: #9c1a1a; opacity: 1; font-weight: 200; } html #tarteaucitronRoot #tarteaucitronAlertBig button:not(#tarteaucitronPrivacyUrl):hover { background: #333; color:rgba(var(--blanc)); font-weight: 100; } html #tarteaucitronRoot #tarteaucitronAlertBig * { -webkit-box-sizing: border-box; box-sizing: border-box; } html #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize { padding-bottom: 2px !important; } #tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected, #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny, #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, html #tarteaucitronRoot #tarteaucitronAlertBig button:not(#tarteaucitronPrivacyUrl) { font-weight: 200; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, .tac_activate .tarteaucitronAllow { font-weight: 200; } /******************************************************************************************************************/ /************************************ BLOCAGE RESPONSIVE ESPACE CLIENT CONNECTE ***********************************/ /******************************************************************************************************************/ body[class*="path-espace-"] { min-width: 768px; } body[class*="path-espace-"]*:is(.container,.container-sm,.container-md) { min-width:720px; } body:is(.path-espace-priveformationsplan-de-formation,.path-espace-priveformations,.path-espace-privefactures):not(.page-node-4440,.page-node-10234) { min-width: 992px; } body:is(.path-espace-priveformationsplan-de-formation,.path-espace-priveformations,.path-espace-privefactures):not(.page-node-4440,.page-node-10234) *:is(.container,.container-sm,.container-md) { min-width:960px; } body:is(.page-node-4432, .path-espace-privemotdepasse, [class*=path-espace-priveinscription]) { min-width:auto; } body:is(.page-node-4432, .path-espace-privemotdepasse, [class*=path-espace-priveinscription]) *:is(.container,.container-sm,.container-md) { min-width:0; }