123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692 |
- * { box-sizing: border-box; }
- html { margin: 0; padding: 0; font-size: 16px; line-height: 1.15; -webkit-text-size-adjust: 100%; height: 100%; width: 100%; }
- body { margin: 0; padding: 0; height: 100%; width: 100%; }
- main { display: block; }
- h1 { font-size: 2rem; margin: 0; }
- h1, h2, h3, h4, h5, p, em, strong, ul, li, a { margin: 0; padding: 0; }
- ul, li, ol { list-style: none; }
- hr { box-sizing: content-box; height: 0; overflow: visible; }
- header span { white-space: nowrap; }
- pre { font-family: monospace, monospace; font-size: 1em; }
- ul { list-style: none; }
- ul, li { margin: 0; padding: 0; }
- a { background-color: transparent; color: black; text-decoration: none; }
- abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }
- b, strong { font-weight: bolder; }
- code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
- small { font-size: 80%; }
- sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
- sub { bottom: -0.25em; }
- sup { top: -0.5em; }
- img { border-style: none; width: 100%; height: auto; vertical-align: bottom; }
- iframe { border: none; }
- button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
- button, input { overflow: visible; }
- button, select { text-transform: none; }
- button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
- button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
- button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
- fieldset { padding: 0.35em 0.75em 0.625em; }
- legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
- progress { vertical-align: baseline; }
- textarea { overflow: auto; }
- [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }
- [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
- [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
- [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
- ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
- details { display: block; }
- summary { display: list-item; }
- template { display: none; }
- [hidden] { display: none; }
- @font-face { font-family: "Regular"; src: url("../fonts/aileron_regular/Aileron-Regular-webfont.eot"); src: url("../fonts/aileron_regular/Aileron-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aileron_regular/Aileron-Regular-webfont.woff") format("woff"), url("../fonts/aileron_regular/Aileron-Regular-webfont.ttf") format("truetype"), url("../fonts/aileron_regular/Aileron-Regular-webfont.svg#Regular") format("svg"); }
- @font-face { font-family: "bold"; src: url("../fonts/aileron_bold/Aileron-Bold-webfont.eot"); src: url("../fonts/aileron_bold/Aileron-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aileron_bold/Aileron-Bold-webfont.woff") format("woff"), url("../fonts/aileron_bold/Aileron-Bold-webfont.ttf") format("truetype"), url("../fonts/aileron_bold/Aileron-Bold-webfont.svg#bold") format("svg"); }
- @font-face { font-family: "now_alt_bold"; src: url("../fonts/now_alt/nowalt-bold-webfont.eot"); src: url("../fonts/now_alt/nowalt-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/now_alt/nowalt-bold-webfont.woff") format("woff"), url("../fonts/now_alt/nowalt-bold-webfont.ttf") format("truetype"), url("../fonts/now_alt/nowalt-bold-webfont.svg#now_alt_bold") format("svg"); }
- @font-face { font-family: "now_alt_light"; src: url("../fonts/now_alt/nowalt-light-webfont.eot"); src: url("../fonts/now_alt/nowalt-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/now_alt/nowalt-light-webfont.woff") format("woff"), url("../fonts/now_alt/nowalt-light-webfont.ttf") format("truetype"), url("../fonts/now_alt/nowalt-light-webfont.svg#now_alt_light") format("svg"); }
- @font-face { font-family: "now_alt_medium"; src: url("../fonts/now_alt/nowalt-medium-webfont.eot"); src: url("../fonts/now_alt/nowalt-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/now_alt/nowalt-medium-webfont.woff") format("woff"), url("../fonts/now_alt/nowalt-medium-webfont.ttf") format("truetype"), url("../fonts/now_alt/nowalt-medium-webfont.svg#now_alt_medium") format("svg"); }
- .default-animation { transition: all 0.5s ease; }
- .pulse { animation-name: pulse_animation; animation-duration: 2000ms; transform-origin: 70% 70%; animation-iteration-count: infinite; animation-timing-function: linear; }
- @keyframes pulse_animation { 0% { transform: scale(1); }
- 30% { transform: scale(1); }
- 40% { transform: scale(1.08); }
- 50% { transform: scale(1); }
- 60% { transform: scale(1); }
- 70% { transform: scale(1.05); }
- 80% { transform: scale(1); }
- 100% { transform: scale(1); } }
- html, body { font-family: "Regular"; line-height: 1.35; }
- h2 { font-size: 2rem; }
- h4 { font-weight: normal; font-size: 2rem; }
- h5 { font-weight: normal; font-size: 1.2rem; }
- nav a { font-family: "bold"; font-size: 0.9rem; }
- .container > .title { font-family: "bold"; }
- .card-header .publics { font-size: 0.8rem; font-family: "bold"; }
- .card-title h2 { font-family: "now_alt_bold"; font-weight: 400; font-size: 1.2rem !important; }
- .card-title .date { font-size: 0.8rem; }
- .card-content .reso a { font-family: "bold"; font-weight: 400; }
- p { font-size: 0.9rem; }
- p strong { font-family: "bold"; font-weight: normal; }
- .gal p { font-family: "now_alt_bold"; font-weight: 400; font-size: 1.2rem; line-height: 2.2rem; }
- .entete h1 { font-size: 1.2rem; color: white; }
- .entete p { font-family: "now_alt_bold"; font-weight: 400; font-size: 1.5rem; line-height: 2rem; }
- #home p:not(:last-child) strong { font-size: 1.3rem; }
- #home .content p strong { font-family: "now_alt_bold"; font-weight: 400; }
- #home .content p:nth-of-type(n+4):not(:last-child) { text-align: center; }
- #home .content p:nth-of-type(n+4):not(:last-child) strong { color: #9e0027; font-family: "now_alt_bold"; font-weight: 400; }
- #item .content .content_s h2 { font-family: "bold"; font-size: 1.3rem; }
- #item .icones p { font-family: "now_alt_bold"; font-weight: 400; color: #9e0027; font-size: 1.2rem; }
- .sidebar .date { font-size: 0.8rem; }
- .sidebar h2 { font-family: "now_alt_bold"; font-weight: 400; font-size: 1.4rem; line-height: 100px; color: white; text-align: center; }
- .sidebar h3 { font-size: 1.3rem; font-family: "now_alt_bold"; font-weight: 400; }
- .sidebar .date { color: #6e6f70; }
- .sidebar .side-all-agenda a { font-size: 0.9rem; font-family: "bold"; }
- #newsletter label { font-size: 1rem; line-height: 1.9rem; font-weight: normal; font-family: "bold"; }
- .cat { width: 100%; }
- .cat a, .cat label { font-family: "bold"; }
- .dt { font-family: "bold"; color: #9e0027; }
- #ajax-test-form .form-label { font-size: 1.2rem; font-family: "bold"; }
- #ajax-test-form .radio .form-radio { font-size: 1rem; font-family: "bold"; }
- #ajax-test-form .button-wrapper button { font-family: "bold"; }
- #send-valide .toast { font-size: 1.3rem; font-family: "bold"; }
- #send-valide .ok { font-family: "bold"; }
- #devis h4 { font-size: 1rem; font-family: "now_alt_bold"; font-weight: 400; }
- #devis p:nth-of-type(1) { color: white; text-align: center; }
- #devis p strong { font-family: "now_alt_bold"; font-weight: 400; }
- #devis.item .title { font-family: "bold"; }
- .demander-votre-devis a { color: white; }
- .demander-votre-devis a p:nth-of-type(1) { font-size: 2rem; }
- .demander-votre-devis a strong { font-family: "now_alt_bold"; font-weight: 400; }
- #reco h5 { font-family: "bold"; font-weight: 400; }
- #footer { font-family: "now_alt_medium"; font-weight: 400; }
- #footer p { font-size: 0.8rem; }
- #footer p a { font-family: "bold"; }
- #home .content p:last-child a:hover { color: white; background-color: #b5cb3a; transition: background-color 0.3s ease; }
- header { z-index: 999; position: relative; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; width: 100%; border-bottom: 1px solid #0093a3; }
- header nav { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; height: 100px; width: 70%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
- header nav .logo { display: -ms-flexbox; display: flex; }
- header nav .logo a { display: block; margin: auto; }
- header nav.dropmenu a { padding: 10px; }
- header nav.dropmenu > ul { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
- header nav.dropmenu > ul > li { text-align: center; max-width: 250px; padding: 0 20px; }
- header nav.dropmenu > ul > li > a { line-height: 6rem; border-top: 1px solid #0093a3; border-bottom: 3px solid #b5cb3a; }
- header nav.dropmenu > ul > li > ul { display: none; margin-top: -1.5rem; }
- header nav.dropmenu > ul > li > ul li { background-color: white; text-align: center; }
- header nav.dropmenu > ul > li > ul li a { display: block; padding: 10px; position: relative; }
- header nav.dropmenu > ul > li > ul li a:before { content: ""; position: absolute; width: 100%; height: 3px; bottom: 0; left: 0; background-color: #b5cb3a; visibility: hidden; transform: scaleX(0); transition: all 0.3s ease-in-out 0s; }
- header nav.dropmenu > ul > li:hover > ul { display: block; }
- header nav.dropmenu > ul > li:hover > ul li:hover a:hover:before { visibility: visible; transform: scaleX(1); }
- header nav .reso { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
- header nav .reso a { display: block; width: 35px; margin: auto 5px; }
- #footer { width: 100%; background: #d8dadbff; }
- #footer .block { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin: 20px 0; -ms-flex-pack: center; justify-content: center; }
- #footer .block p { padding: 0 20px; }
- #footer .block p img { width: 100%; max-width: 150px; height: auto; }
- #footer .block p:nth-of-type(1) img { float: right; }
- #footer .block p:not(:nth-of-type(1)) { border-left: 1px solid black; }
- @media screen and (max-width: 960px) { header nav { position: relative; width: 90%; }
- header nav .dropmenu { background: white; display: none; position: absolute; left: -6%; top: 100px; width: auto !important; height: auto; }
- header nav .dropmenu > ul { -ms-flex-direction: column !important; flex-direction: column !important; }
- header nav .dropmenu > ul > li { text-align: left; }
- header nav .dropmenu > ul > li > ul { margin: auto; }
- header nav .dropmenu > ul > li > ul > li { text-align: left; margin-left: 10px; }
- header nav .dropmenu > ul > li > ul > li a { font-family: "Regular"; }
- header nav .dropmenu > ul > li > a { border: none; line-height: 2rem; }
- header nav .dropmenu.active { display: block; }
- header nav .logo { margin: auto; }
- header nav .navTrigger { cursor: pointer; width: 30px; height: 25px; margin: auto 0; left: 0; top: 0; bottom: 0; }
- header nav .navTrigger i { background-color: #0093a3; border-radius: 2px; content: ''; display: block; width: 100%; height: 4px; }
- header nav .navTrigger i:nth-child(1) { animation: outT 0.8s backwards; animation-direction: reverse; }
- header nav .navTrigger i:nth-child(2) { margin: 5px 0; animation: outM 0.8s backwards; animation-direction: reverse; }
- header nav .navTrigger i:nth-child(3) { animation: outBtm 0.8s backwards; animation-direction: reverse; }
- header nav .navTrigger.active i:nth-child(1) { animation: inT 0.8s forwards; }
- header nav .navTrigger.active i:nth-child(2) { animation: inM 0.8s forwards; }
- header nav .navTrigger.active i:nth-child(3) { animation: inBtm 0.8s forwards; }
- @keyframes inM { 50% { transform: rotate(0deg); }
- 100% { transform: rotate(45deg); } }
- @keyframes outM { 50% { transform: rotate(0deg); }
- 100% { transform: rotate(45deg); } }
- @keyframes inT { 0% { transform: translateY(0px) rotate(0deg); }
- 50% { transform: translateY(9px) rotate(0deg); }
- 100% { transform: translateY(9px) rotate(135deg); } }
- @keyframes outT { 0% { transform: translateY(0px) rotate(0deg); }
- 50% { transform: translateY(9px) rotate(0deg); }
- 100% { transform: translateY(9px) rotate(135deg); } }
- @keyframes inBtm { 0% { transform: translateY(0px) rotate(0deg); }
- 50% { transform: translateY(-9px) rotate(0deg); }
- 100% { transform: translateY(-9px) rotate(135deg); } }
- @keyframes outBtm { 0% { transform: translateY(0px) rotate(0deg); }
- 50% { transform: translateY(-9px) rotate(0deg); }
- 100% { transform: translateY(-9px) rotate(135deg); } }
- .gal .title_gal { max-width: 80% !important; top: 15vw !important; }
- .gal .content_gal { width: 2% !important; }
- .entete .entete_c { width: 95% !important; margin: 30px auto !important; }
- .content { width: 80% !important; }
- .sidebar { position: relative !important; width: 350px !important; margin: 0 auto !important; }
- #devis .title { width: 100% !important; height: auto !important; transform: translateX(0px) !important; border-radius: 0px !important; }
- #devis .title h4 { margin-top: 15px !important; font-size: 1.3rem !important; margin: auto !important; transform: translateY(0%) !important; }
- #devis .txt { width: 100% !important; height: auto !important; background: #9e0027 !important; margin: auto !important; }
- #devis .txt p { color: white !important; padding: 15px 55px !important; }
- #devis .txt p strong { font-size: 1rem !important; }
- #devis .img { width: auto !important; }
- #devis .demander-votre-devis { transform: translate(0px, 40%) !important; right: 30px !important; }
- #devis.item .title, #devis.sublog .title { border-radius: 30px !important; }
- #item .demander-votre-devis, #sublog .demander-votre-devis { width: 300px !important; height: 110px !important; margin-top: -55px !important; }
- #item .demander-votre-devis a, #sublog .demander-votre-devis a { display: -ms-inline-flexbox !important; display: inline-flex !important; }
- #item .demander-votre-devis p:nth-of-type(2), #sublog .demander-votre-devis p:nth-of-type(2) { display: none !important; }
- #item .demander-votre-devis img, #sublog .demander-votre-devis img { margin-left: 20px !important; margin-top: 0px !important; }
- .start:not(#form)#archive, .start:not(#form)#calendrier { width: 80% !important; }
- .start:not(#form) .body-wrapper .card { width: calc((100% / 3) - 7.5px) !important; }
- .start#form .body-wrapper form { width: 90% !important; }
- .start#form .body-wrapper form > div.button-wrapper button { margin-right: 5% !important; }
- .sidebar { padding: 20px 0; }
- .sidebar ::before { display: block; width: 100vw; height: 100%; content: ''; background-image: url(/user/themes/lecampus/images/Trame-bleu.svg); background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; top: 0; margin-left: -90%; z-index: -1; }
- .start:not(#form) .body-wrapper .event { width: 90% !important; }
- .start:not(#form)#event .title { width: 90% !important; } }
- @media screen and (max-width: 750px) { .gal .title_gal { display: none !important; }
- .entete { padding: 0 !important; }
- .entete p { font-size: 1rem; line-height: 1.4rem; }
- #home .content > p { width: 100% !important; } }
- .gal { margin-left: 15%; }
- .gal .content_gal { width: 2.2% !important; }
- .gal .content_gal[aria-hidden="false"] .title_gal { opacity: 1; right: 70px; transition: right 1s ease, opacity 1s ease; }
- .gal .title_gal { position: absolute; right: 50px; max-width: 50%; background: #0093a3; padding: 25px; top: 20vw; color: #ffffff; opacity: 0; }
- .cat { height: 50px; z-index: 999; margin: 20px 0; }
- .cat .btn-group { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
- .cat .btn-group:nth-of-type(1) label { margin-right: 20px; }
- .cat .btn-group:nth-of-type(2) { float: right; }
- .cat label { padding: 10px; cursor: pointer; }
- .cat label.tous { border-top: 2px solid #b5cb3a; border-bottom: 2px solid #b5cb3a; }
- .cat label.professionnels { border-top: 2px solid #9e0027; border-bottom: 2px solid #9e0027; }
- .cat label.grand_public { border-top: 2px solid #0093a3; border-bottom: 2px solid #0093a3; }
- .cat label.formations { border-top: 2px solid #6e6f70; border-bottom: 2px solid #6e6f70; }
- .cat label.archive { border-top: 2px solid #00407d; border-bottom: 2px solid #00407d; }
- .cat input { visibility: hidden; position: absolute; }
- .bandeau { width: 100%; max-height: 554px; overflow: hidden; }
- .container > .title { background: #9e0027; border-radius: 30px; width: auto; float: left; padding: 10px 20px; color: white; }
- .start { min-height: calc(100vh - 325px); }
- .start:not(#home) .entete { border-bottom: 10px solid #0093a3; }
- .start:not(#form)#calendrier, .start:not(#form)#archive { width: 70%; margin: 40px auto 40px auto; }
- .start:not(#form)#calendrier .header-wrapper .title, .start:not(#form)#archive .header-wrapper .title { display: -ms-flexbox; display: flex; }
- .start:not(#form)#calendrier .header-wrapper .title h1, .start:not(#form)#archive .header-wrapper .title h1 { width: auto; margin-bottom: 20px; background: #9e0027; border-radius: 30px; padding: 10px 20px; color: white; font-size: 1.2rem; }
- .start:not(#form)#event { margin: 40px auto 40px auto; }
- .start:not(#form)#event .title { display: -ms-flexbox; display: flex; }
- .start:not(#form)#event .title h1 { width: auto; margin-bottom: 20px; background: #9e0027; border-radius: 30px; padding: 10px 20px; color: white; font-size: 1.2rem; }
- .start:not(#form) .body-wrapper { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; width: 100%; position: relative; }
- .start:not(#form) .body-wrapper .card { width: calc( (100% / 4) - 7.5px); min-width: 200px; margin: 0 0 10px 0; }
- .start:not(#form) .body-wrapper .card .card-header { position: absolute; width: 100%; right: 0; text-align: right; }
- .start:not(#form) .body-wrapper .card .card-header.professionnels { background-color: #9e0027; }
- .start:not(#form) .body-wrapper .card .card-header.grand_public { background-color: #0093a3; }
- .start:not(#form) .body-wrapper .card .card-header.formations { background-color: #6e6f70; }
- .start:not(#form) .body-wrapper .card .card-header .publics { padding: 2.5px 10px; color: white; }
- .start:not(#form) .body-wrapper .card .card-body { padding: 15px; background-image: url("/user/themes/lecampus/images/Trame-bleu.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; }
- .start:not(#form) .body-wrapper .event { width: 45%; }
- .start:not(#form) .body-wrapper .event .card-content { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; justify-content: space-between; }
- .start:not(#form) .body-wrapper .event .card-content .reso { width: 20%; }
- .start:not(#form) .body-wrapper .event .card-content .reso a { display: block; margin-bottom: 10px; }
- .start:not(#form) .body-wrapper .event .card-content .reso a img { margin-left: 10px; width: 20px; }
- .start:not(#form) .body-wrapper .event .card-content .txt { width: 80%; }
- .start#form .entete { border-top: 1px solid #0093a3; }
- .start#form h2 { margin-top: 0; }
- .start#form .body-wrapper { width: 100%; min-width: 250px; margin: auto auto 140px auto; }
- .start#form .body-wrapper form { width: calc( (100% / 2)); margin-top: 20px; margin: auto; }
- .start#form .body-wrapper form > div { width: 100%; margin: 20px 0; border-bottom: 1px solid #9e0027; }
- .start#form .body-wrapper form > div .form-data { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 20px 0px; }
- .start#form .body-wrapper form > div .form-data > div { margin: 10px 10px; min-width: 100px; border: 2px solid #9e0027; border-radius: 30px; padding: 10px 20px; }
- .start#form .body-wrapper form > div .form-data > div.check { background: #9e0027; color: white; }
- .start#form .body-wrapper form > div .form-data > div input { border: none; }
- .start#form .body-wrapper form > div .form-data > div input[type='radio'] { visibility: hidden; position: absolute; }
- .start#form .body-wrapper form > div:nth-of-type(n+5):not(:nth-of-type(n+11)) { width: 50%; float: left; border-bottom: 0px; }
- .start#form .body-wrapper form > div:nth-of-type(n+5):not(:nth-of-type(n+11)) .form-data { width: 100%; }
- .start#form .body-wrapper form > div:nth-of-type(n+5):not(:nth-of-type(n+11)) .form-data > div { width: 100%; }
- .start#form .body-wrapper form > div:nth-of-type(9), .start#form .body-wrapper form > div:nth-of-type(10) { border-bottom: 1px solid #9e0027 !important; }
- .start#form .body-wrapper form > div.button-wrapper { background: #9e0027; height: 100px; position: absolute; left: 0; width: 100%; }
- .start#form .body-wrapper form > div.button-wrapper button { margin-right: 25%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: white; border-radius: 30px; padding: 10px 35px; box-shadow: none; border: 0; }
- .start#form .body-wrapper #send-valide { transform: translate(-50%, -50%); background: #9e0027; border-radius: 20px; position: fixed; width: 30%; height: 30%; left: 50%; top: 50%; padding: 50px; }
- .start#form .body-wrapper #send-valide .toast { position: relative; text-align: center; color: white; }
- .start#form .body-wrapper #send-valide .ok { color: white; position: absolute; right: 20px; bottom: 20px; }
- .header-wrapper .title h2 { width: auto; margin-bottom: 20px; background: #9e0027; border-radius: 30px; width: auto; padding: 10px 20px; color: white; font-size: 1.2rem; width: 115px; }
- .content { width: 50%; margin: 4rem auto; }
- .content p { margin: 10px 0; }
- .content_s { margin: auto !important; }
- .entete { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px; background-image: url("/user/themes/lecampus/images/Trame-bleu.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; height: auto; border-top: 10px solid #b5cb3a; }
- .entete .entete_c { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; width: 66%; margin: 50px auto; position: relative; }
- .entete .entete_c h1 { width: auto; margin-bottom: 20px; background: #9e0027; border-radius: 30px; width: auto; padding: 10px 20px; }
- .body-wrapper .content h4:not(:first-of-type) { border-top: 1px solid black; padding-top: 30px; margin: 30px 0 0 0; }
- .body-wrapper .sub-content { border-top: 1px solid black; margin-bottom: 20px; margin-top: 20px; }
- .body-wrapper .sub-content > img { width: 33%; float: left; margin: 20px 10px 0px 0px; }
- #event { margin-bottom: 20px; }
- #event .content { margin-top: 50px; }
- #event .content h2 { float: left; margin-right: 20px; }
- #event .content .reso { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 50px; height: 25px; }
- #event .sidebar { margin-top: 50px; }
- .sidebar { position: absolute; right: 0; width: 300px; margin: -55px auto 0 20px; }
- .sidebar h2 { background: #9e0027; border-radius: 100px; width: 100px; height: 100px; }
- .sidebar .side-agenda { padding: 10px 20px 10px 0; }
- .sidebar .side-agenda:not(:nth-of-type(1)) { border-top: 1px solid #0093a3; }
- .sidebar .side-agenda:not(:nth-of-type(1))::before { content: " "; display: block; position: absolute; width: 5px; height: 5px; margin-top: -13px; border-radius: 10px; background: #0093a3; }
- .sidebar .side-agenda:nth-of-type(3) { margin-bottom: 10px; }
- .sidebar .side-all-agenda { background: white; width: auto; padding: 10px 20px; margin-bottom: 10px; float: left; border: 2px solid #9e0027; border-radius: 30px; transition: background-color 0.3s ease; }
- .sidebar .side-all-agenda a { color: black; }
- .sidebar .side-all-agenda:hover { background-color: #9e0027; transition: background-color 0.3s ease; }
- .sidebar .side-all-agenda:hover a { color: white; }
- #newsletter { padding: 20px; background: #0093a3; }
- #newsletter #mc_embed_signup { width: 600px; margin: auto; padding: 0 0 0 10px; border-radius: 100px; border: 1px solid #ffffff; }
- #newsletter #mc_embed_signup form { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
- #newsletter #mc_embed_signup form #mc_embed_signup_scroll { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin: auto; }
- #newsletter #mc_embed_signup form #mc_embed_signup_scroll label { text-align: center; color: #ffffff; margin-right: 10px; width: 260px; }
- #newsletter #mc_embed_signup form #mc_embed_signup_scroll > input { width: 315px; padding-left: 20px; }
- #newsletter #mc_embed_signup form #mc_embed_signup_scroll input { border-radius: 30px; height: 31px; box-shadow: none; border: none; }
- #newsletter #mc_embed_signup form #mc_embed_signup_scroll .clear input { background: #ffffff; margin-left: -30px; }
- #home .content { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
- #home .content > p { position: relative; width: calc(100% / 3); padding: 50px 20px; margin-top: 10px; }
- #home .content > p img { position: absolute; width: auto; height: 50px; top: -20px; left: 50%; transform: translate(-50%); }
- #home .content > p:nth-of-type(n+4) { width: calc(100% / 4); }
- #home .content > p:last-child { width: auto !important; margin-top: 0 !important; margin: auto; }
- #home .content > p:last-child a { display: block; padding: 10px 20px; text-align: center; border: 2px solid #b5cb3a; border-radius: 30px; margin: auto; transition: background-color 0.3s ease; }
- #item .content { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
- #item .content .images_s { width: 40%; margin-right: 15px; }
- #item .content .images_s img { margin-bottom: 15px; }
- #item .content .content_s { width: calc(60% - 30px); }
- #item .content .icones { margin: 70px 0; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; width: 100%; }
- #item .content .icones .icon { height: 50px; width: auto; max-width: 200px; }
- #item .content .icones .icon img { height: 50px; width: 100%; }
- #item .content .icones .icon p { text-align: center; }
- #devis { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background-image: url("/user/themes/lecampus/images/Trame-bleu.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; }
- #devis .title { width: 200px; height: 200px; background: #9e0027; border-radius: 200px; transform: translateX(80px); }
- #devis .title h4 { text-align: center; color: white; margin: 50% 10px 0 10px; transform: translateY(-50%); }
- #devis .txt { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: white; width: 25%; margin-right: 20px; height: 250px; }
- #devis .txt p { padding: 20px 20px 20px 100px; color: black; text-align: left; }
- #devis .txt p strong { font-size: 1.3rem; }
- #devis .demander-votre-devis { margin-top: 0; transform: translateX(-200px); }
- #devis .img { width: 400px; height: 300px; overflow: hidden; }
- #devis .img img { width: auto; height: 400px; }
- #devis.item, #devis.sublog { background: #9e0027; height: auto; padding: 20px 0; }
- #devis.item a, #devis.sublog a { color: white; }
- #devis.item a .title, #devis.sublog a .title { vertical-align: baseline; border-radius: 30px; border: 1px solid white; padding: 5px 20px; height: 35px; width: auto; transform: translateX(0); }
- #devis.item a:hover, #devis.sublog a:hover { color: black; }
- #devis.item a:hover .title, #devis.sublog a:hover .title { background: white; transition: background 0.3s ease; }
- #reco { background: #00407d; }
- #reco .title { display: -ms-flexbox; display: flex; cursor: pointer; width: 100%; padding: 10px; }
- #reco .title h2 { width: auto; margin: auto; color: white; padding: 10px; text-align: center; border-top: 1px solid white; border-bottom: 1px solid white; font-size: 1rem; }
- #reco .title h2::after { display: -ms-inline-flexbox; display: inline-flex; margin-left: 10px; content: " "; background: url("../images/fleche-top.svg"); background-size: 15px 18px; background-repeat: no-repeat; width: 15px; height: 18px; }
- #reco .title.open h5:after { transform: rotate(180deg); }
- #reco .txt { z-index: -1; position: absolute; width: 100%; padding-top: 20px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; transform: translateY(-100%); }
- #reco .txt p { color: white; width: 300px; }
- #reco .txt p a { color: white; text-decoration: underline; }
- #reco .txt.open { z-index: 999; background: #00407d; }
- #reco .txt.open .item { display: block; }
- #reco .txt h3 { color: #b5cb3a; }
- #reco .item { display: none; margin: 0 0px 20px 20px; border-left: 1px solid white; padding-left: 20px; }
- #reco .item img { width: 50px; margin-bottom: 10px; }
- .content_s.map { width: 100% !important; height: auto; }
- .content_s.map p:last-child { height: 500px; }
- .content_s.map a#carte { display: block; width: 100%; height: 100%; }
- #event .title { width: 45%; margin: auto; }
- #event .head-event .tags { width: 100%; }
- #event .head-event .tags.professionnels { background-color: #9e0027; }
- #event .head-event .tags.grand_public { background-color: #0093a3; }
- #event .head-event .tags.formations { background-color: #6e6f70; }
- #event .head-event .tags.publics { padding: 2.5px 10px; color: white; }
- #event .card-header { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; width: 100%; }
- #event .card-header.professionnels { background-color: #9e0027; }
- #event .card-header.grand_public { background-color: #0093a3; }
- #event .card-header.formations { background-color: #6e6f70; }
- #event .card-header .publics { text-align: right; }
- #event .card-header .publics.publics { padding: 2.5px 10px; color: white; }
- #event .card-body { padding: 15px; background-image: url("/user/themes/lecampus/images/Trame-bleu.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; }
- #event .card-content { margin-top: 20px; }
- .demander-votre-devis { padding: 10px; z-index: 999; background: #9e0027; position: absolute; width: 200px; height: 200px; right: 100px; margin-top: -100px; color: white; text-align: center; }
- .demander-votre-devis strong { font-weight: bold !important; }
- .demander-votre-devis a { color: white; }
- .demander-votre-devis img { margin-top: 10px; width: 50px; }
- #sublog .body-wrapper { background-image: url("../images/Trame-gris.svg"); background-repeat: no-repeat; }
- #sublog .content { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 90%; }
- #sublog .content > p { font-size: 1.2rem; font-family: "bold"; }
- #sublog svg { pointer-events: none; }
- #sublog .mapsalles { width: 50%; }
- #sublog .mapsalles .contour { position: relative; z-index: 1; pointer-events: none; }
- #sublog .mapsalles .fond { position: absolute; z-index: 0; top: 110px; }
- #sublog .mapsalles .fond path { fill: none; pointer-events: all; transition: fill 0.3s ease; }
- #sublog .mapsalles .fond path:hover { fill: #0093a3 !important; transition: fill 0.3s ease; }
- #sublog .content_salle { position: absolute; left: 50%; top: 300px; width: 35%; background: white; }
- #sublog .content_salle > p { padding-left: 10px; }
- #sublog .content_salle h3 { background: #0093a3; padding: 5px 10px; color: white; margin-top: 0; }
- #sublog .content_salle h4 { background: #b5cb3a; font-size: 1.2rem; font-family: "bold"; padding: 5px 10px; }
- #default .header-wrapper { width: 45%; margin-top: 50px; margin: auto; }
- #default .body-wrapper { margin-bottom: 50px; }
- #default .title { width: 80%; margin: auto; }
- #default .txt { margin: auto; }
- #default p { margin-bottom: 10px; }
|