bachir/grav-lecampus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
grav-lecampus/user/themes/lecampus/css-compiled/theme.css

3159 lines
109 KiB
CSS
Raw Normal View History

fix fichier manquants
2021-06-10 19:04:46 +02:00
* {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
addtheme
2019-04-02 19:54:29 +02:00
addscss
2019-04-03 15:29:46 +02:00
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
fix fichier manquants
2021-06-10 19:04:46 +02:00
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
margin: 0;
padding: 0;
font-size: 16px;
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
height: 100%;
width: 100%;
font-family: Times, "Times New Roman", Georgia, serif, Verdana, Arial, Helvetica, sans-serif; }
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
padding: 0;
height: 100%;
width: 100%; }
/**
* Render the `main` element consistently in IE.
*/
main {
display: block; }
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
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; }
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */ }
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
header span {
white-space: nowrap; }
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
ul {
list-style: none; }
ul, li {
margin: 0;
padding: 0; }
a {
background-color: transparent;
color: black;
text-decoration: none; }
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
/* 2 */ }
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder; }
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%; }
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
width: 100%;
height: auto;
vertical-align: bottom; }
iframe {
border: none; }
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */ }
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible; }
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none; }
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; }
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; }
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; }
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em; }
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */ }
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline; }
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto; }
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */ }
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */ }
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block; }
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item; }
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none; }
/**
* Add the correct display in IE 10.
*/
[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 {
-webkit-animation-name: pulse_animation;
animation-name: pulse_animation;
-webkit-animation-duration: 2000ms;
animation-duration: 2000ms;
-webkit-transform-origin: 70% 70%;
transform-origin: 70% 70%;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
@-webkit-keyframes pulse_animation {
0% {
-webkit-transform: scale(1);
demande de devis fix
2019-07-13 17:08:11 +02:00
transform: scale(1); }
30% {
fix fichier manquants
2021-06-10 19:04:46 +02:00
-webkit-transform: scale(1);
demande de devis fix
2019-07-13 17:08:11 +02:00
transform: scale(1); }
40% {
fix fichier manquants
2021-06-10 19:04:46 +02:00
-webkit-transform: scale(1.08);
demande de devis fix
2019-07-13 17:08:11 +02:00
transform: scale(1.08); }
50% {
fix fichier manquants
2021-06-10 19:04:46 +02:00
-webkit-transform: scale(1);
demande de devis fix
2019-07-13 17:08:11 +02:00
transform: scale(1); }
60% {
fix fichier manquants
2021-06-10 19:04:46 +02:00
-webkit-transform: scale(1);
demande de devis fix
2019-07-13 17:08:11 +02:00
transform: scale(1); }
70% {
fix fichier manquants
2021-06-10 19:04:46 +02:00
-webkit-transform: scale(1.05);
demande de devis fix
2019-07-13 17:08:11 +02:00
transform: scale(1.05); }
80% {
fix fichier manquants
2021-06-10 19:04:46 +02:00
-webkit-transform: scale(1);
demande de devis fix
2019-07-13 17:08:11 +02:00
transform: scale(1); }
100% {
fix fichier manquants
2021-06-10 19:04:46 +02:00
-webkit-transform: scale(1);
demande de devis fix
2019-07-13 17:08:11 +02:00
transform: scale(1); } }
addtheme
2019-04-02 19:54:29 +02:00
fix fichier manquants
2021-06-10 19:04:46 +02:00
@keyframes pulse_animation {
0% {
-webkit-transform: scale(1);
transform: scale(1); }
30% {
-webkit-transform: scale(1);
transform: scale(1); }
40% {
-webkit-transform: scale(1.08);
transform: scale(1.08); }
50% {
-webkit-transform: scale(1);
transform: scale(1); }
60% {
-webkit-transform: scale(1);
transform: scale(1); }
70% {
-webkit-transform: scale(1.05);
transform: scale(1.05); }
80% {
-webkit-transform: scale(1);
transform: scale(1); }
100% {
-webkit-transform: scale(1);
transform: scale(1); } }
demande de devis fix
2019-07-13 17:47:05 +02:00
fix fichier manquants
2021-06-10 19:04:46 +02:00
html, body {
font-family: "Regular";
line-height: 1.35; }
h2 {
font-size: 2rem; }
h4, #thanks {
font-weight: normal;
font-size: 1rem;
font-family: "bold"; }
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; }
#articles .card {
line-height: 1.5rem; }
#articles .card .card-title {
font-family: "bold";
font-weight: normal; }
#articles .card .wrapper-info {
margin: 5px 0;
font-size: 0.8rem;
font-family: "bold";
color: #9e0027; }
#articles .card .wrapper-info .dt {
text-transform: lowercase; }
#articles .card .readmore {
font-family: "bold";
font-size: 0.8rem; }
.paginations {
font-family: "bold";
font-size: 0.8rem; }
function open_pack
2021-06-12 14:36:11 +02:00
#item .title-wrapper .back, #item-article .title-wrapper .back {
fix fichier manquants
2021-06-10 19:04:46 +02:00
font-family: "bold"; }
function open_pack
2021-06-12 14:36:11 +02:00
#item .title-wrapper .title h1, #item-article .title-wrapper .title h1 {
fix fichier manquants
2021-06-10 19:04:46 +02:00
color: white;
font-size: 1.2rem; }
function open_pack
2021-06-12 14:36:11 +02:00
#item .info-wrapper .date, #item-article .info-wrapper .date {
fix fichier manquants
2021-06-10 19:04:46 +02:00
font-family: "bold";
color: #9e0027;
font-size: 0.8rem; }
function open_pack
2021-06-12 14:36:11 +02:00
#item .info-wrapper .date .dt, #item-article .info-wrapper .date .dt {
fix fichier manquants
2021-06-10 19:04:46 +02:00
text-transform: lowercase; }
function open_pack
2021-06-12 14:36:11 +02:00
#item .info-wrapper .reso, #item-article .info-wrapper .reso {
fix fichier manquants
2021-06-10 19:04:46 +02:00
font-size: 0.8rem;
font-family: "bold"; }
function open_pack
2021-06-12 14:36:11 +02:00
#item .body-wrapper .card-content .txt p, #item-article .body-wrapper .card-content .txt p {
fix fichier manquants
2021-06-10 19:04:46 +02:00
line-height: 1.5rem; }
function open_pack
2021-06-12 14:36:11 +02:00
#item .body-wrapper .card-content .txt h2, #item-article .body-wrapper .card-content .txt h2 {
fix fichier manquants
2021-06-10 19:04:46 +02:00
font-size: 1.2rem;
font-family: "bold";
font-weight: normal; }
function open_pack
2021-06-12 14:36:11 +02:00
#item .body-wrapper .card-content .txt ul li, #item-article .body-wrapper .card-content .txt ul li {
font-size: 0.9rem;
line-height: 1.5rem; }
fix fichier manquants
2021-06-10 19:04:46 +02:00
function open_pack
2021-06-12 14:36:11 +02:00
#item .content .content_s h2, #item-article .content .content_s h2 {
fix fichier manquants
2021-06-10 19:04:46 +02:00
font-family: "bold";
font-size: 1.3rem; }
function open_pack
2021-06-12 14:36:11 +02:00
#item .icones p, #item-article .icones p {
fix fichier manquants
2021-06-10 19:04:46 +02:00
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.1rem;
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, #devis.item-article .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 {
width: 100%;
display: flex;
height: 105px;
z-index: 999;
border-bottom: 1px solid #0093a3; }
header > nav {
margin: auto;
min-width: 1100px;
width: 70%;
display: inline-flex;
justify-content: space-between; }
header > nav .navTrigger {
display: none; }
header > nav .logo {
width: 150px; }
header > nav .dropmenu {
width: 70%; }
header > nav .dropmenu > ul {
height: 100%; }
header > nav .reso {
display: inline-flex;
width: auto; }
header > nav .reso a {
display: block;
width: 35px;
margin: auto 5px; }
header nav.dropmenu a {
padding: 10px; }
header nav.dropmenu > ul {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
header nav.dropmenu > ul > li {
text-align: center;
position: relative;
margin: 0 10px; }
header nav.dropmenu > ul > li > a {
border-top: 1px solid #0093a3;
border-bottom: 3px solid #b5cb3a; }
header nav.dropmenu > ul > li > ul {
display: none;
width: 100%;
position: absolute;
margin-top: 12px;
z-index: 0;
z-index: 999; }
header nav.dropmenu > ul > li > ul li {
background-color: white; }
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;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out 0s;
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;
-webkit-transform: scaleX(1);
transform: scaleX(1); }
#footer {
padding-bottom: 0;
width: 100%;
background: #d8dadbff; }
#footer .block {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
margin: 20px 0;
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; }
.opt-out {
height: auto;
-webkit-transform: translateY(70%);
transform: translateY(70%);
z-index: 9999;
position: fixed;
bottom: 0;
width: 100%;
background: rgba(255, 255, 255, 0.5);
text-align: center;
font-family: "bold";
transition: background 0.3s ease, -webkit-transform 0.3s ease;
transition: transform 0.3s ease, background 0.3s ease;
transition: transform 0.3s ease, background 0.3s ease, -webkit-transform 0.3s ease; }
.opt-out iframe {
height: 110px; }
.opt-out p {
cursor: pointer;
font-size: 12px; }
.opt-out img {
width: 20px;
height: auto;
cursor: pointer; }
.opt-out.open {
-webkit-transform: translateX(0);
transform: translateX(0);
background: white;
transition: all 0.3s ease; }
.opt-out.open img {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
@media screen and (max-width: 1450px) {
header > nav {
width: 90% !important; }
.start:not(#form)#archive, .start:not(#form)#articles, .start:not(#form)#calendrier {
width: 90% !important; } }
@media screen and (max-width: 1150px) {
header > nav {
min-width: auto !important;
width: 100% !important;
margin: auto 10px; } }
@media screen and (max-width: 1024px) {
header nav {
position: relative;
width: 100% !important; }
header nav .dropmenu {
background: white;
display: none;
position: absolute;
left: -10px;
top: 70px;
width: auto !important;
height: auto;
z-index: 999; }
header nav .dropmenu > ul {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
header nav .dropmenu > ul > li {
text-align: left;
padding: 0 20px; }
header nav .dropmenu > ul > li > ul {
margin: auto;
position: relative; }
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 {
position: absolute;
width: 150px;
margin: auto;
left: 50%;
transform: translate(-50%, -50%);
top: 50%; }
header nav .navTrigger {
display: block;
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) {
-webkit-animation: outT 0.8s backwards;
animation: outT 0.8s backwards;
-webkit-animation-direction: reverse;
animation-direction: reverse; }
header nav .navTrigger i:nth-child(2) {
margin: 5px 0;
-webkit-animation: outM 0.8s backwards;
animation: outM 0.8s backwards;
-webkit-animation-direction: reverse;
animation-direction: reverse; }
header nav .navTrigger i:nth-child(3) {
-webkit-animation: outBtm 0.8s backwards;
animation: outBtm 0.8s backwards;
-webkit-animation-direction: reverse;
animation-direction: reverse; }
header nav .navTrigger.active i:nth-child(1) {
-webkit-animation: inT 0.8s forwards;
animation: inT 0.8s forwards; }
header nav .navTrigger.active i:nth-child(2) {
-webkit-animation: inM 0.8s forwards;
animation: inM 0.8s forwards; }
header nav .navTrigger.active i:nth-child(3) {
-webkit-animation: inBtm 0.8s forwards;
animation: inBtm 0.8s forwards; }
@-webkit-keyframes inM {
50% {
-webkit-transform: rotate(0deg); }
100% {
-webkit-transform: rotate(45deg); } }
@keyframes inM {
50% {
-webkit-transform: rotate(0deg);
responsive
2019-05-31 23:37:11 +02:00
transform: rotate(0deg); }
100% {
fix fichier manquants
2021-06-10 19:04:46 +02:00
-webkit-transform: rotate(45deg);
responsive
2019-05-31 23:37:11 +02:00
transform: rotate(45deg); } }
fix fichier manquants
2021-06-10 19:04:46 +02:00
@-webkit-keyframes outM {
50% {
-webkit-transform: rotate(0deg); }
100% {
-webkit-transform: rotate(45deg); } }
@keyframes outM {
50% {
-webkit-transform: rotate(0deg);
responsive
2019-05-31 23:37:11 +02:00
transform: rotate(0deg); }
100% {
fix fichier manquants
2021-06-10 19:04:46 +02:00
-webkit-transform: rotate(45deg);
responsive
2019-05-31 23:37:11 +02:00
transform: rotate(45deg); } }
fix fichier manquants
2021-06-10 19:04:46 +02:00
@-webkit-keyframes inT {
0% {
-webkit-transform: translateY(0px) rotate(0deg); }
50% {
-webkit-transform: translateY(9px) rotate(0deg); }
100% {
-webkit-transform: translateY(9px) rotate(135deg); } }
@keyframes inT {
0% {
-webkit-transform: translateY(0px) rotate(0deg);
responsive
2019-05-31 23:37:11 +02:00
transform: translateY(0px) rotate(0deg); }
50% {
fix fichier manquants
2021-06-10 19:04:46 +02:00
-webkit-transform: translateY(9px) rotate(0deg);
responsive
2019-05-31 23:37:11 +02:00
transform: translateY(9px) rotate(0deg); }
100% {
fix fichier manquants
2021-06-10 19:04:46 +02:00
-webkit-transform: translateY(9px) rotate(135deg);
responsive
2019-05-31 23:37:11 +02:00
transform: translateY(9px) rotate(135deg); } }
fix fichier manquants
2021-06-10 19:04:46 +02:00
@-webkit-keyframes outT {
0% {
-webkit-transform: translateY(0px) rotate(0deg); }
50% {
-webkit-transform: translateY(9px) rotate(0deg); }
100% {
-webkit-transform: translateY(9px) rotate(135deg); } }
@keyframes outT {
0% {
-webkit-transform: translateY(0px) rotate(0deg);
responsive
2019-05-31 23:37:11 +02:00
transform: translateY(0px) rotate(0deg); }
50% {
fix fichier manquants
2021-06-10 19:04:46 +02:00
-webkit-transform: translateY(9px) rotate(0deg);
responsive
2019-05-31 23:37:11 +02:00
transform: translateY(9px) rotate(0deg); }
100% {
fix fichier manquants
2021-06-10 19:04:46 +02:00
-webkit-transform: translateY(9px) rotate(135deg);
responsive
2019-05-31 23:37:11 +02:00
transform: translateY(9px) rotate(135deg); } }
fix fichier manquants
2021-06-10 19:04:46 +02:00
@-webkit-keyframes inBtm {
0% {
-webkit-transform: translateY(0px) rotate(0deg); }
50% {
-webkit-transform: translateY(-9px) rotate(0deg); }
100% {
-webkit-transform: translateY(-9px) rotate(135deg); } }
@keyframes inBtm {
0% {
-webkit-transform: translateY(0px) rotate(0deg);
responsive
2019-05-31 23:37:11 +02:00
transform: translateY(0px) rotate(0deg); }
50% {
fix fichier manquants
2021-06-10 19:04:46 +02:00
-webkit-transform: translateY(-9px) rotate(0deg);
responsive
2019-05-31 23:37:11 +02:00
transform: translateY(-9px) rotate(0deg); }
100% {
fix fichier manquants
2021-06-10 19:04:46 +02:00
-webkit-transform: translateY(-9px) rotate(135deg);
responsive
2019-05-31 23:37:11 +02:00
transform: translateY(-9px) rotate(135deg); } }
fix fichier manquants
2021-06-10 19:04:46 +02:00
@-webkit-keyframes outBtm {
0% {
-webkit-transform: translateY(0px) rotate(0deg); }
50% {
-webkit-transform: translateY(-9px) rotate(0deg); }
100% {
-webkit-transform: translateY(-9px) rotate(135deg); } }
@keyframes outBtm {
0% {
-webkit-transform: translateY(0px) rotate(0deg);
responsive
2019-05-31 23:37:11 +02:00
transform: translateY(0px) rotate(0deg); }
50% {
fix fichier manquants
2021-06-10 19:04:46 +02:00
-webkit-transform: translateY(-9px) rotate(0deg);
responsive
2019-05-31 23:37:11 +02:00
transform: translateY(-9px) rotate(0deg); }
100% {
fix fichier manquants
2021-06-10 19:04:46 +02:00
-webkit-transform: translateY(-9px) rotate(135deg);
responsive
2019-05-31 23:37:11 +02:00
transform: translateY(-9px) rotate(135deg); } }
fix fichier manquants
2021-06-10 19:04:46 +02:00
.gal .title_gal {
max-width: 60% !important; }
#item .content .icones, #item-article .content .icones {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
#item .demander-votre-devis,
#item-article .demander-votre-devis,
#sublog .demander-votre-devis {
width: 300px !important;
height: 110px !important; }
#item .demander-votre-devis a,
#item-article .demander-votre-devis a,
#sublog .demander-votre-devis a {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; }
#item .demander-votre-devis p:nth-of-type(2),
#item-article .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,
#item-article .demander-votre-devis img,
#sublog .demander-votre-devis img {
margin-left: 20px !important;
margin-top: 0px !important; }
#devis .txt {
width: 35% !important; }
#devis .demander-votre-devis {
-webkit-transform: translate(0%, -125%) !important;
transform: translate(0%, -125%) !important; } }
@media screen and (max-width: 960px) {
.gal .title_gal {
max-width: 80% !important; }
.gal .content_gal {
width: 2% !important; }
.bandeau .img {
width: 100% !important; }
.bandeau .title_gal {
right: 5% !important;
max-width: 70% !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;
-webkit-transform: translateX(0px) !important;
transform: translateX(0px) !important;
border-radius: 0px !important; }
#devis .title h4 {
font-size: 1.3rem !important;
margin: 15px auto 0 auto !important;
-webkit-transform: translateY(0%) !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;
height: auto !important;
min-height: 200px !important; }
#devis.item .title, #devis.sublog .title, #devis.item-article .title {
border-radius: 30px !important; }
#sublog .txt {
width: 100% !important; }
#sublog .txt .content_txt {
width: 100% !important; }
#sublog .txt p {
padding: 0 !important; }
#sublog .content_salle {
width: 70% !important;
z-index: 2;
left: 50% !important;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); }
#sublog .content_salle .header-salles {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
#sublog .content_salle .header-salles img {
display: block !important;
margin: auto;
width: 20px;
height: 20px;
cursor: pointer; }
#sublog .mapsalles {
width: 100% !important; }
#sublog .demander-votre-devis {
width: 300px !important;
height: 110px !important; }
#sublog .demander-votre-devis a {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; }
#sublog .demander-votre-devis p:nth-of-type(2) {
display: none !important; }
#sublog .demander-votre-devis img {
margin-left: 20px !important;
margin-top: 0px !important; }
#item .demander-votre-devis, #item-article .demander-votre-devis {
width: 300px !important;
height: 110px !important; }
#item .demander-votre-devis a, #item-article .demander-votre-devis a {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; }
#item .demander-votre-devis p:nth-of-type(2), #item-article .demander-votre-devis p:nth-of-type(2) {
display: none !important; }
#item .demander-votre-devis img, #item-article .demander-votre-devis img {
margin-left: 20px !important;
margin-top: 0px !important; }
.start:not(#form)#archive, .start:not(#form)#calendrier, .start:not(#form)#articles {
width: 90% !important; }
#articles .card {
width: 100% !important; }
#articles .card > a {
grid-template-columns: minmax(300px, 20%) minmax(400px, calc(80% - 40px)) !important; }
#item .item-wrapper, #item-article .item-wrapper {
width: 90% !important; }
#item .item-wrapper .title-wrapper, #item-article .item-wrapper .title-wrapper {
flex-direction: column !important; }
#item .item-wrapper .title-wrapper .back, #item-article .item-wrapper .title-wrapper .back {
margin: 20px 0 !important; }
.start#form .body-wrapper form {
width: 90% !important; }
.start#form .body-wrapper form > div.button-wrapper button {
margin-right: 5% !important; }
.sidebar {
width: 50% !important;
padding: 20px 0; }
.sidebar::before {
display: block;
width: 100vw;
height: 100%;
content: '';
background-image: url(/user/themes/lecampus/images/Trame-bleu2.svg);
background-repeat: repeat;
position: absolute;
top: 0;
margin-left: -27vw;
z-index: -1; }
.start:not(#form) .body-wrapper .event {
width: 90% !important; }
.start:not(#form)#event .title {
width: 90% !important; }
#mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper.embedForm {
width: 70% !important; } }
@media screen and (max-width: 768px) {
#devis .demander-votre-devis {
-webkit-transform: translate(50%, -125%) !important;
transform: translate(50%, -125%) !important; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper.embedForm {
width: 80% !important; } }
@media screen and (max-width: 750px) {
header > nav .logo {
position: relative;
width: auto !important;
margin: auto !important;
left: 0 !important;
transform: none !important;
top: 0 !important; }
.start .demander-votre-devis {
display: none; }
#item, #item-article {
width: 100% !important; }
#item .title-wrapper, #item-article .title-wrapper {
flex-direction: column; }
#item .title-wrapper .back, #item-article .title-wrapper .back {
margin: 0 0 20px 0 !important; }
#articles .articles-listing .card > a {
grid-template-columns: 100% !important;
function open_pack
2021-06-12 14:36:11 +02:00
grid-column-gap: 0 !important;
grid-template-rows: 100% !important; }
fix fichier manquants
2021-06-10 19:04:46 +02:00
#articles .articles-listing .card > a .card-image img {
width: 100% !important;
height: auto !important; }
#articles .articles-listing .card > a .wrapper-content {
grid-column-start: 1 !important;
grid-row-start: 2 !important; }
#articles .articles-listing .card > a .wrapper-content .readmore {
float: right; }
#item .bandeau .img, #item-article .bandeau .img {
width: 100%;
height: auto; }
#item .body-wrapper .images_s, #item-article .body-wrapper .images_s {
display: none; }
#item .body-wrapper .content_s, #item-article .body-wrapper .content_s {
width: 90% !important; }
#item .body-wrapper .content_s p, #item-article .body-wrapper .content_s p {
padding: 0 !important; }
#item .body-wrapper .icones, #item-article .body-wrapper .icones {
margin: 20px 0 0 0 !important; }
#item .body-wrapper .icones .icon, #item-article .body-wrapper .icones .icon {
height: auto !important;
max-width: 100% !important; }
#item .body-wrapper .icones .icon p, #item-article .body-wrapper .icones .icon p {
padding: 0 !important; }
.content {
margin: 2rem auto !important;
width: 100% !important; }
.content p {
padding: 40px 20px !important; }
.gal .title_gal {
display: none !important; }
.entete {
padding: 0 !important; }
.entete p {
font-size: 1.1rem;
line-height: 1.5rem; }
#home .content > p {
width: 100% !important; }
#home .content > p:not(:last-child) strong {
font-size: 1.1rem; }
#reco .item {
border: none !important;
margin: 10px 0 !important;
padding-left: 0 !important; }
.sidebar {
width: 90% !important;
text-align: center; }
.sidebar:before {
margin-left: -8vw; }
.sidebar h2 {
margin: auto; }
.sidebar h3 {
font-size: 1.1rem; }
.sidebar .side-all-agenda {
margin: auto;
float: none !important; }
#devis .title, #devis .txt {
padding: 0 5%; }
#devis .title p, #devis .txt p {
padding: 15px 0 !important; }
#devis .demander-votre-devis {
-webkit-transform: translate(0%, -120%) !important;
transform: translate(0%, -120%) !important; }
#newsletter #mc_embed_signup {
border: none !important;
width: 280px !important;
padding: 0 !important; }
#newsletter #mc_embed_signup #mc_embed_signup_scroll {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
#newsletter #mc_embed_signup #mc_embed_signup_scroll input {
width: 280px !important; }
#newsletter #mc_embed_signup #form {
width: auto; }
#newsletter #mc_embed_signup label {
width: 280px !important;
border: 2px solid white;
border-radius: 20px;
margin-bottom: 10px; }
#newsletter #mc_embed_signup > input {
margin-top: 10px; }
#newsletter #mc_embed_signup .clear input {
margin: 10px 0 0 0 !important; }
#footer .block {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
#footer .block p {
margin-bottom: 10px;
text-align: center;
border: none !important; }
#footer .block p:nth-of-type(1) img {
float: none; }
#sublog .bandeau {
height: auto; }
#sublog .bandeau .img {
width: 100%;
height: auto; }
#sublog .title_gal {
display: none; }
#sublog .content_salle {
width: 90% !important;
top: 200px !important; }
#sublog .content_salle p {
padding: 0px 10px !important; }
#sublog .mapsalles {
width: 100% !important; }
.start:not(#form)#archive, .start:not(#form)#calendrier, .start:not(#form)#articles {
width: 90% !important; }
.start:not(#form)#archive .cat, .start:not(#form)#calendrier .cat, .start:not(#form)#articles .cat {
height: auto !important; }
.start:not(#form)#archive .cat .btn-group:nth-child(1), .start:not(#form)#calendrier .cat .btn-group:nth-child(1), .start:not(#form)#articles .cat .btn-group:nth-child(1) {
width: 100%; }
.start:not(#form)#archive .cat .btn-group:nth-child(2), .start:not(#form)#calendrier .cat .btn-group:nth-child(2), .start:not(#form)#articles .cat .btn-group:nth-child(2) {
float: left; }
.start:not(#form)#archive .cat .btn-group label, .start:not(#form)#calendrier .cat .btn-group label, .start:not(#form)#articles .cat .btn-group label {
margin-bottom: 10px; }
.start:not(#form) .body-wrapper .card {
width: 100% !important; }
.start:not(#form) .body-wrapper .event .card-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.start:not(#form) .body-wrapper .event .card-content .reso {
width: 100% !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around; }
.start:not(#form) .body-wrapper .event .card-content .txt {
width: 100% !important; }
#default .header-wrapper {
width: 100% !important;
text-align: center; }
#default .header-wrapper .title {
width: 90% !important; }
#mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper.embedForm {
width: 90% !important; }
#mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody.ml-form-embedBodyHorizontal {
display: block !important;
margin-bottom: 1rem; }
#mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent label {
white-space: normal !important; }
#mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent {
border: 1px solid white !important;
border-radius: 30px;
margin-bottom: 20px; }
#mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody.ml-form-embedBodyHorizontal {
border: none !important;
border-radius: 0px !important; }
#mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input {
text-align: center; }
#tarteaucitronRoot #tarteaucitronAlertBig {
module valeurs/equipe
2021-06-22 12:54:55 +02:00
padding: 10px 0 !important; }
#le_campus #module {
width: 90% !important;
padding-right: 0 !important; }
#le_campus #module .valeurs {
flex-direction: column !important;
width: 90%;
align-self: center; }
#le_campus #module .valeurs .valeur {
width: 100% !important;
text-align: center; }
#le_campus #module .equipe {
flex-direction: column !important;
width: 90%;
align-self: center; }
#le_campus #module .equipe .personne {
width: 100% !important;
text-align: center; } }
fix fichier manquants
2021-06-10 19:04:46 +02:00
#tarteaucitronBack {
background: yellow; }
* {
box-sizing: border-box; }
#nos-packs .content, #nos-offres .content {
margin-top: 0;
width: 70%;
margin: auto; }
#nos-packs .content .section .__intro, #nos-offres .content .section .__intro {
text-align: center;
color: #0093a3;
margin: 100px 0; }
#nos-packs .content .section .__intro p, #nos-offres .content .section .__intro p {
font-family: "now_alt_bold";
font-size: 1.2rem; }
#nos-packs .content .section .d-flex, #nos-offres .content .section .d-flex {
display: inline-flex;
flex-wrap: wrap;
width: 100%; }
#nos-packs .content .section .d-flex .__thumbnails, #nos-offres .content .section .d-flex .__thumbnails {
margin: 0 1rem;
width: calc((100% / 4) - 2rem);
display: flex;
flex-direction: column;
align-self: baseline; }
#nos-packs .content .section .d-flex .__thumbnails .__title, #nos-offres .content .section .d-flex .__thumbnails .__title {
text-align: center;
margin-bottom: 1rem; }
#nos-packs .content .section .d-flex .__thumbnails .__title .__d-inline, #nos-offres .content .section .d-flex .__thumbnails .__title .__d-inline {
display: inline-block;
border-bottom: 3px solid #b5cb3a;
width: max-content;
max-width: 100%;
padding-bottom: 0.5rem; }
#nos-packs .content .section .d-flex .__thumbnails .__title .__d-inline span, #nos-offres .content .section .d-flex .__thumbnails .__title .__d-inline span {
display: block;
text-align: center;
padding: 0 1.5rem 0.2rem 1.5rem;
font-size: 0.8rem;
font-family: "now_alt_medium"; }
#nos-packs .content .section .d-flex .__thumbnails .__thumb, #nos-offres .content .section .d-flex .__thumbnails .__thumb {
position: relative; }
#nos-packs .content .section .d-flex .__thumbnails .__thumb .__images, #nos-offres .content .section .d-flex .__thumbnails .__thumb .__images {
position: relative;
height: 100%;
max-height: 500px;
overflow: hidden; }
#nos-packs .content .section .d-flex .__thumbnails .__thumb .__images img, #nos-offres .content .section .d-flex .__thumbnails .__thumb .__images img {
width: 100%;
height: 100%;
object-fit: cover; }
#nos-packs .content .section .dl_brochure, #nos-offres .content .section .dl_brochure {
width: 100%;
margin: 100px 0; }
#nos-packs .content .section .dl_brochure a, #nos-offres .content .section .dl_brochure a {
font-size: 1.5rem;
font-family: "now_alt_medium";
display: block;
text-align: center;
text-transform: uppercase;
color: #0093a3; }
#nos-packs .content .section.nos_pack .__thumbnails .__thumb.__hover, #nos-packs .content .section.nos_lieux .__thumbnails .__thumb.__hover, #nos-offres .content .section.nos_pack .__thumbnails .__thumb.__hover, #nos-offres .content .section.nos_lieux .__thumbnails .__thumb.__hover {
transition: 0.3s transform ease; }
#nos-packs .content .section.nos_pack .__thumbnails .__thumb.__hover a, #nos-packs .content .section.nos_lieux .__thumbnails .__thumb.__hover a, #nos-offres .content .section.nos_pack .__thumbnails .__thumb.__hover a, #nos-offres .content .section.nos_lieux .__thumbnails .__thumb.__hover a {
outline: none;
border: 0; }
#nos-packs .content .section.nos_pack .__thumbnails .__thumb.__hover:hover, #nos-packs .content .section.nos_lieux .__thumbnails .__thumb.__hover:hover, #nos-offres .content .section.nos_pack .__thumbnails .__thumb.__hover:hover, #nos-offres .content .section.nos_lieux .__thumbnails .__thumb.__hover:hover {
transform: scale(1.015);
transition: 0.3s transform ease, 0.3s box-shadow ease; }
#nos-packs .content .section.nos_pack .__thumbnails .__thumb.__hover:hover .__images, #nos-packs .content .section.nos_pack .__thumbnails .__thumb.__hover:hover .__btn, #nos-packs .content .section.nos_lieux .__thumbnails .__thumb.__hover:hover .__images, #nos-packs .content .section.nos_lieux .__thumbnails .__thumb.__hover:hover .__btn, #nos-offres .content .section.nos_pack .__thumbnails .__thumb.__hover:hover .__images, #nos-offres .content .section.nos_pack .__thumbnails .__thumb.__hover:hover .__btn, #nos-offres .content .section.nos_lieux .__thumbnails .__thumb.__hover:hover .__images, #nos-offres .content .section.nos_lieux .__thumbnails .__thumb.__hover:hover .__btn {
box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
transition: 0.3s box-shadow ease; }
#nos-packs .content .section.nos_pack .__thumbnails .__thumb.__hover:hover .__images, #nos-packs .content .section.nos_lieux .__thumbnails .__thumb.__hover:hover .__images, #nos-offres .content .section.nos_pack .__thumbnails .__thumb.__hover:hover .__images, #nos-offres .content .section.nos_lieux .__thumbnails .__thumb.__hover:hover .__images {
transition: 0.5s filter ease;
filter: grayscale(0%); }
#nos-packs .content .section.nos_pack .__thumbnails .__thumb.__hover:hover .__images img, #nos-packs .content .section.nos_lieux .__thumbnails .__thumb.__hover:hover .__images img, #nos-offres .content .section.nos_pack .__thumbnails .__thumb.__hover:hover .__images img, #nos-offres .content .section.nos_lieux .__thumbnails .__thumb.__hover:hover .__images img {
filter: grayscale(100%);
transition: 0.5s filter ease; }
#nos-packs .content .section.nos_pack .__thumbnails .__images .__sub-title, #nos-packs .content .section.nos_lieux .__thumbnails .__images .__sub-title, #nos-offres .content .section.nos_pack .__thumbnails .__images .__sub-title, #nos-offres .content .section.nos_lieux .__thumbnails .__images .__sub-title {
opacity: 0;
position: absolute;
top: 50%;
left: 0;
transform: translateY(0%);
text-align: center;
color: white;
padding: 1rem;
transition: 0.5s transform ease, 1s opacity ease; }
#nos-packs .content .section.nos_pack .__thumbnails .__images .__sub-title p, #nos-packs .content .section.nos_lieux .__thumbnails .__images .__sub-title p, #nos-offres .content .section.nos_pack .__thumbnails .__images .__sub-title p, #nos-offres .content .section.nos_lieux .__thumbnails .__images .__sub-title p {
font-size: 1rem;
font-family: "now_alt_medium"; }
#nos-packs .content .section.nos_pack .__thumbnails .__btn, #nos-packs .content .section.nos_lieux .__thumbnails .__btn, #nos-offres .content .section.nos_pack .__thumbnails .__btn, #nos-offres .content .section.nos_lieux .__thumbnails .__btn {
color: white;
display: block;
padding: 0.7rem 0;
margin-top: 1rem;
font-size: 0.8rem;
font-family: "now_alt_medium";
text-align: center; }
#nos-packs .content .section.nos_pack .__thumbnails .__btn .triangle, #nos-packs .content .section.nos_lieux .__thumbnails .__btn .triangle, #nos-offres .content .section.nos_pack .__thumbnails .__btn .triangle, #nos-offres .content .section.nos_lieux .__thumbnails .__btn .triangle {
position: absolute;
z-index: -1;
bottom: 0;
left: 50%;
transform: translate(-50%, 0%);
display: inline-block;
height: 0;
width: 0;
border-top: 20px solid;
border-right: 15px solid transparent;
border-left: 15px solid transparent;
transition: 0.1s transform ease; }
#nos-packs .content .section.nos_pack .__thumbnails .__btn .triangle.visible, #nos-packs .content .section.nos_lieux .__thumbnails .__btn .triangle.visible, #nos-offres .content .section.nos_pack .__thumbnails .__btn .triangle.visible, #nos-offres .content .section.nos_lieux .__thumbnails .__btn .triangle.visible {
transform: translate(-50%, 90%);
transition: 0.1s transform ease; }
#nos-packs .content .section.nos_pack .__thumbnails .__btn .triangle.__blue, #nos-packs .content .section.nos_lieux .__thumbnails .__btn .triangle.__blue, #nos-offres .content .section.nos_pack .__thumbnails .__btn .triangle.__blue, #nos-offres .content .section.nos_lieux .__thumbnails .__btn .triangle.__blue {
border-top: 20px solid #0093a3; }
#nos-packs .content .section.nos_pack .__thumbnails .__btn .triangle.__green, #nos-packs .content .section.nos_lieux .__thumbnails .__btn .triangle.__green, #nos-offres .content .section.nos_pack .__thumbnails .__btn .triangle.__green, #nos-offres .content .section.nos_lieux .__thumbnails .__btn .triangle.__green {
border-top: 20px solid #b5cb3a; }
#nos-packs .content .section.nos_pack .__thumbnails .__btn .triangle.__red, #nos-packs .content .section.nos_lieux .__thumbnails .__btn .triangle.__red, #nos-offres .content .section.nos_pack .__thumbnails .__btn .triangle.__red, #nos-offres .content .section.nos_lieux .__thumbnails .__btn .triangle.__red {
border-top: 20px solid #9e0027; }
#nos-packs .content .section.nos_pack .__thumbnails .__btn.__blue, #nos-packs .content .section.nos_lieux .__thumbnails .__btn.__blue, #nos-offres .content .section.nos_pack .__thumbnails .__btn.__blue, #nos-offres .content .section.nos_lieux .__thumbnails .__btn.__blue {
background: #0093a3; }
#nos-packs .content .section.nos_pack .__thumbnails .__btn.__green, #nos-packs .content .section.nos_lieux .__thumbnails .__btn.__green, #nos-offres .content .section.nos_pack .__thumbnails .__btn.__green, #nos-offres .content .section.nos_lieux .__thumbnails .__btn.__green {
background: #b5cb3a; }
#nos-packs .content .section.nos_pack .__thumbnails .__btn.__red, #nos-packs .content .section.nos_lieux .__thumbnails .__btn.__red, #nos-offres .content .section.nos_pack .__thumbnails .__btn.__red, #nos-offres .content .section.nos_lieux .__thumbnails .__btn.__red {
background: #9e0027; }
#nos-packs .content .section.nos_pack .__thumbnails .__btn.__grey, #nos-packs .content .section.nos_lieux .__thumbnails .__btn.__grey, #nos-offres .content .section.nos_pack .__thumbnails .__btn.__grey, #nos-offres .content .section.nos_lieux .__thumbnails .__btn.__grey {
background: #6e6f70; }
#nos-packs .content .section.nos_pack .__thumbnails:hover .__images .__sub-title, #nos-packs .content .section.nos_lieux .__thumbnails:hover .__images .__sub-title, #nos-offres .content .section.nos_pack .__thumbnails:hover .__images .__sub-title, #nos-offres .content .section.nos_lieux .__thumbnails:hover .__images .__sub-title {
opacity: 1;
transform: translateY(-50%);
transition: 0.5s transform ease, 1s opacity ease; }
#nos-packs .content .section:last-child, #nos-offres .content .section:last-child {
margin-bottom: 100px; }
#nos-packs .content .section .__thumbnails:nth-child(1) .__more, #nos-offres .content .section .__thumbnails:nth-child(1) .__more {
width: calc(100% * 4 + 6rem); }
#nos-packs .content .section .__thumbnails:nth-child(2) .__more, #nos-offres .content .section .__thumbnails:nth-child(2) .__more {
width: calc(100% * 4 + 6rem);
transform: translateX(calc((-100% / 4) - 0.5rem)); }
#nos-packs .content .section .__thumbnails:nth-child(3) .__more, #nos-offres .content .section .__thumbnails:nth-child(3) .__more {
width: calc(100% * 4 + 6rem);
transform: translateX(calc((-100% / 2) - 1rem)); }
#nos-packs .content .section .__more, #nos-offres .content .section .__more {
display: none;
position: relative;
left: 0;
right: 0;
margin: 0;
margin: 2rem 0rem; }
#nos-packs .content .section .__more .__wrap-content, #nos-offres .content .section .__more .__wrap-content {
background-size: cover; }
#nos-packs .content .section .__more .__txt.black p, #nos-offres .content .section .__more .__txt.black p {
color: black !important; }
#nos-packs .content .section .__more.__blue .__title, #nos-offres .content .section .__more.__blue .__title {
color: #0093a3; }
#nos-packs .content .section .__more.__blue .__txt p, #nos-offres .content .section .__more.__blue .__txt p {
color: #0093a3; }
#nos-packs .content .section .__more.__green .__title, #nos-offres .content .section .__more.__green .__title {
color: #b5cb3a; }
#nos-packs .content .section .__more.__green .__txt p, #nos-offres .content .section .__more.__green .__txt p {
color: #b5cb3a; }
#nos-packs .content .section .__more.__red .__title, #nos-offres .content .section .__more.__red .__title {
color: #9e0027; }
#nos-packs .content .section .__more.__red .__txt p, #nos-offres .content .section .__more.__red .__txt p {
color: #9e0027; }
#nos-packs .content .section .__more.visible, #nos-offres .content .section .__more.visible {
display: block; }
#nos-packs .content .section .__more .__details, #nos-offres .content .section .__more .__details {
position: relative; }
#nos-packs .content .section .__more .__image-background, #nos-offres .content .section .__more .__image-background {
width: 100%;
height: auto; }
#nos-packs .content .section .__more .__image-background img, #nos-offres .content .section .__more .__image-background img {
width: 100%;
height: 100%;
object-fit: cover; }
#nos-packs .content .section .__more .__wrap-content, #nos-offres .content .section .__more .__wrap-content {
z-index: 999;
width: 100%;
height: auto;
padding: 2rem;
display: flex;
justify-content: flex-end; }
#nos-packs .content .section .__more .__wrap-content .__content, #nos-offres .content .section .__more .__wrap-content .__content {
background: white;
width: 50%;
height: auto;
padding: 2rem;
position: relative; }
#nos-packs .content .section .__more .__wrap-content .__content .close, #nos-offres .content .section .__more .__wrap-content .__content .close {
position: absolute;
top: 1rem;
right: 1rem;
cursor: pointer; }
#nos-packs .content .section .__more .__wrap-content .__content .__title, #nos-offres .content .section .__more .__wrap-content .__content .__title {
text-align: left; }
#nos-packs .content .section .__more .__wrap-content .__content .__title h6, #nos-offres .content .section .__more .__wrap-content .__content .__title h6 {
margin: 0;
font-size: 1.3rem;
font-family: "now_alt_medium"; }
#nos-packs .content .section .__more .__wrap-content .__content .__txt p, #nos-offres .content .section .__more .__wrap-content .__content .__txt p {
font-size: 0.9rem;
font-family: "now_alt_medium"; }
#nos-packs .content .section .__more .__wrap-content .__content .__txt.__color, #nos-offres .content .section .__more .__wrap-content .__content .__txt.__color {
color: #0093a3;
margin-bottom: 1rem; }
#nos-packs .content .section .__more .__wrap-content .__content .__btn, #nos-offres .content .section .__more .__wrap-content .__content .__btn {
display: inline-flex;
margin-top: 1rem;
width: 100%; }
#nos-packs .content .section .__more .__wrap-content .__content .__btn a, #nos-offres .content .section .__more .__wrap-content .__content .__btn a {
display: block;
text-align: center;
width: 50%;
background: #0093a3;
margin: 0;
transition: 0.3s transform ease, 0.3s box-shadow ease;
padding: 0.5rem 1.5rem;
font-family: "now_alt_medium";
font-size: 0.7rem;
color: white; }
#nos-packs .content .section .__more .__wrap-content .__content .__btn a:not(:first-child), #nos-offres .content .section .__more .__wrap-content .__content .__btn a:not(:first-child) {
margin-left: 1rem; }
#nos-packs .content .section .__more .__wrap-content .__content .__btn a:hover, #nos-offres .content .section .__more .__wrap-content .__content .__btn a:hover {
transform: scale(1.015);
box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
transition: 0.3s transform ease, 0.3s box-shadow ease; }
#nos-packs .content .section .__more .__wrap-content .__content .__btn a.__blue, #nos-offres .content .section .__more .__wrap-content .__content .__btn a.__blue {
background: #0093a3; }
#nos-packs .content .section .__more .__wrap-content .__content .__btn a.__green, #nos-offres .content .section .__more .__wrap-content .__content .__btn a.__green {
background: #b5cb3a; }
#nos-packs .content .section .__more .__wrap-content .__content .__btn a.__red, #nos-offres .content .section .__more .__wrap-content .__content .__btn a.__red {
background: #9e0027; }
#nos-packs .content .section .__more.open, #nos-offres .content .section .__more.open {
display: block; }
@media screen and (max-width: 1200px) {
#nos-packs .content .section .__intro, #nos-offres .content .section .__intro {
margin: 70px 0; }
#nos-packs .content .section .__intro p, #nos-offres .content .section .__intro p {
padding: 0 !important; }
#nos-packs .content .section .d-flex .__thumbnails, #nos-offres .content .section .d-flex .__thumbnails {
width: calc((100% / 3) - 2rem);
margin-bottom: 2rem; }
#nos-packs .content .section .d-flex .__thumbnails .__more, #nos-offres .content .section .d-flex .__thumbnails .__more {
width: calc(100% * 3 + 4rem); }
#nos-packs .content .section .d-flex .__thumbnails .__more .__content, #nos-offres .content .section .d-flex .__thumbnails .__more .__content {
width: 100%; }
#nos-packs .content .section .d-flex .__thumbnails:nth-child(2) .__more, #nos-offres .content .section .d-flex .__thumbnails:nth-child(2) .__more {
transform: translateX(calc((-100% / 3) - 0.5rem)); }
#nos-packs .content .section .d-flex .__thumbnails:nth-child(3) .__more, #nos-offres .content .section .d-flex .__thumbnails:nth-child(3) .__more {
transform: translateX(calc((-100% / 1.5) - 1rem)); } }
@media screen and (max-width: 1024px) {
#nos-packs .content .section .__intro, #nos-offres .content .section .__intro {
margin: 50px 0; }
#nos-packs .content .section .d-flex .__thumbnails, #nos-offres .content .section .d-flex .__thumbnails {
width: calc((100% / 2) - 2rem);
margin-bottom: 2rem; }
#nos-packs .content .section .d-flex .__thumbnails .__more, #nos-offres .content .section .d-flex .__thumbnails .__more {
width: calc(100% * 2 + 2rem); }
#nos-packs .content .section .d-flex .__thumbnails .__more .__content, #nos-offres .content .section .d-flex .__thumbnails .__more .__content {
width: 100%; }
#nos-packs .content .section .d-flex .__thumbnails:nth-child(2) .__more, #nos-offres .content .section .d-flex .__thumbnails:nth-child(2) .__more {
transform: translateX(calc((-100% / 2) - 1rem)); }
#nos-packs .content .section .d-flex .__thumbnails:nth-child(3) .__more, #nos-offres .content .section .d-flex .__thumbnails:nth-child(3) .__more {
transform: translateX(0%); } }
@media screen and (max-width: 750px) {
.__details .__content p {
padding: 0 !important; } }
@media screen and (max-width: 530px) {
#nos-packs .content .section .__intro, #nos-offres .content .section .__intro {
margin: 20px 0; }
#nos-packs .content .section .d-flex .__thumbnails, #nos-offres .content .section .d-flex .__thumbnails {
width: calc((100%) - 2rem);
margin-bottom: 2rem; }
#nos-packs .content .section .d-flex .__thumbnails .__title, #nos-offres .content .section .d-flex .__thumbnails .__title {
margin-bottom: 0.5rem; }
#nos-packs .content .section .d-flex .__thumbnails .__title .__d-inline, #nos-offres .content .section .d-flex .__thumbnails .__title .__d-inline {
padding-bottom: 0.2rem; }
#nos-packs .content .section .d-flex .__thumbnails .__title .__d-inline span, #nos-offres .content .section .d-flex .__thumbnails .__title .__d-inline span {
padding: 0 1.5rem;
font-size: 1rem; }
#nos-packs .content .section .d-flex .__thumbnails .__more, #nos-offres .content .section .d-flex .__thumbnails .__more {
width: calc(100%); }
#nos-packs .content .section .d-flex .__thumbnails .__more .__details, #nos-offres .content .section .d-flex .__thumbnails .__more .__details {
padding: 0rem; }
#nos-packs .content .section .d-flex .__thumbnails .__more .__details .__content, #nos-offres .content .section .d-flex .__thumbnails .__more .__details .__content {
width: 100%;
padding: 1rem; }
#nos-packs .content .section .d-flex .__thumbnails .__more .__details .__content p, #nos-offres .content .section .d-flex .__thumbnails .__more .__details .__content p {
padding: 0 !important; }
#nos-packs .content .section .d-flex .__thumbnails .__more .__details .__content .close, #nos-offres .content .section .d-flex .__thumbnails .__more .__details .__content .close {
top: 0.5rem;
right: 0.5rem; }
#nos-packs .content .section .d-flex .__thumbnails .__more .__details .__wrap-content, #nos-offres .content .section .d-flex .__thumbnails .__more .__details .__wrap-content {
padding: 0.5rem; }
#nos-packs .content .section .d-flex .__thumbnails .__more .__btn, #nos-offres .content .section .d-flex .__thumbnails .__more .__btn {
flex-direction: column; }
#nos-packs .content .section .d-flex .__thumbnails .__more .__btn > a, #nos-offres .content .section .d-flex .__thumbnails .__more .__btn > a {
margin: auto 0 1rem 0 !important;
width: 100%; }
#nos-packs .content .section .d-flex .__thumbnails:nth-child(2) .__more, #nos-offres .content .section .d-flex .__thumbnails:nth-child(2) .__more {
transform: translateX(0%); }
#nos-packs .content .section .d-flex .__thumbnails:nth-child(3) .__more, #nos-offres .content .section .d-flex .__thumbnails:nth-child(3) .__more {
transform: translateX(0%); } }
function open_pack
2021-06-12 14:36:11 +02:00
.bandeau_partenaires {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
margin-bottom: 3rem;
justify-content: center;
align-items: center;
align-content: space-around; }
.bandeau_partenaires img {
height: 4rem;
width: auto;
margin-right: 2rem; }
@media only screen and (max-width: 400px) {
.bandeau_partenaires {
align-self: center;
justify-content: center;
margin: 1rem; }
.bandeau_partenaires img {
height: 3rem;
margin-right: 1rem;
margin-bottom: 1rem; } }
lien fichiers scss
2021-06-22 15:15:51 +02:00
.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 > .form-columns {
width: 100%;
margin: 20px 0; }
.start#form .body-wrapper form > .form-columns > .form-column.w-100 > .form-group {
width: 100%; }
.start#form .body-wrapper form > .form-columns > .form-column.w-100 > .form-group > .form-data {
width: 100%; }
.start#form .body-wrapper form > .form-columns > .form-column.w-100 > .form-group > .form-data > .form-textarea-wrapper {
width: 100%; }
.start#form .body-wrapper form > .form-columns > .form-column.w-100 > .form-group > .form-data > .form-textarea-wrapper textarea {
width: 100%;
resize: none;
border: none; }
.start#form .body-wrapper form > .form-columns > .form-column {
padding: 20px 0;
display: flex;
width: 100%; }
.start#form .body-wrapper form > .form-columns > .form-column:not(:nth-last-child(1)) {
border-bottom: 1px solid #9e0027; }
.start#form .body-wrapper form > .form-columns > .form-column > .form-group {
width: auto; }
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0px 0px; }
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div {
overflow: hidden;
margin: 10px 10px;
min-width: 100px;
border: 2px solid #9e0027;
border-radius: 30px;
padding: 10px 20px; }
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div.check {
background: #9e0027;
color: white; }
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div input {
border: none; }
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div input[type='radio'] {
visibility: hidden;
position: absolute; }
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div label {
cursor: pointer; }
.start#form .body-wrapper form .button-wrapper {
background: #9e0027;
height: 100px;
position: absolute;
left: 0;
width: 100%; }
.start#form .body-wrapper form .button-wrapper button {
margin-right: 25%;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: white;
border-radius: 30px;
padding: 10px 35px;
box-shadow: none;
border: 0; }
.start#form .body-wrapper #send-valide {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #9e0027;
border-radius: 20px;
position: fixed;
width: 30%;
min-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; }
fix fichier manquants
2021-06-10 19:04:46 +02:00
.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;
bottom: 20%;
color: #ffffff;
opacity: 0; }
.cat {
height: 50px;
z-index: 999;
margin: 20px 0; }
.cat .btn-group {
display: -webkit-inline-box;
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%;
height: auto;
max-height: 500px;
position: relative;
overflow: hidden; }
.bandeau::before {
position: absolute;
display: block;
content: ' ';
background-image: url("/user/themes/lecampus/images/Trame-bleu2.svg");
background-repeat: repeat;
width: 100%;
height: 100%;
top: 0;
z-index: -1; }
.bandeau .img {
width: 70%;
margin: auto; }
.bandeau .title_gal {
position: absolute;
right: 25%;
max-width: 50%;
background: #0093a3;
padding: 25px;
top: 20vw;
color: #ffffff; }
.bandeau .title_gal p {
font-family: now_alt_bold;
font-size: 1.2rem;
font-weight: 400;
line-height: 2.2rem; }
.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, .start:not(#form)#articles {
width: 70%;
margin: 40px auto 40px auto; }
.start:not(#form)#calendrier .header-wrapper .title, .start:not(#form)#archive .header-wrapper .title, .start:not(#form)#articles .header-wrapper .title {
display: flex; }
.start:not(#form)#calendrier .header-wrapper .title h1, .start:not(#form)#archive .header-wrapper .title h1, .start:not(#form)#articles .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: 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: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
width: 100%;
position: relative; }
.start:not(#form) .body-wrapper .card {
width: calc( (100% / 3) - 27px);
min-width: 200px;
margin: 0 0 40px 0;
max-width: 1200px; }
.start:not(#form) .body-wrapper .card .card-header {
position: relative;
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-bleu2.svg");
background-repeat: repeat; }
.start:not(#form) .body-wrapper .event {
width: 45%; }
.start:not(#form) .body-wrapper .event .card-content .reso {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
flex-wrap: nowrap;
justify-content: space-between; }
.start:not(#form) .body-wrapper .event .card-content .reso > div, .start:not(#form) .body-wrapper .event .card-content .reso > a {
margin-right: 15px; }
.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%; }
#articles .cat label:not(.active) {
border: none; }
#articles .cat label.active, #articles .cat label:hover {
border-top: 1px solid #0093a3;
border-bottom: 2px solid #b5cb3a; }
#articles .articles-listing {
flex-direction: column; }
#articles .articles-listing .card {
width: 100% !important; }
#articles .articles-listing .card > a {
display: grid;
grid-template-columns: minmax(300px, 25%) minmax(400px, calc(75% - 40px));
grid-template-rows: 250px;
grid-column-gap: 40px;
position: relative; }
#articles .articles-listing .card > a .card-image {
grid-column-start: 1;
grid-row-start: 1;
object-fit: contain;
overflow: hidden;
display: inline-flex;
function open_pack
2021-06-12 14:36:11 +02:00
justify-content: center; }
fix fichier manquants
2021-06-10 19:04:46 +02:00
#articles .articles-listing .card > a .card-image img {
display: inline-block;
function open_pack
2021-06-12 14:36:11 +02:00
height: 250px;
width: auto; }
fix fichier manquants
2021-06-10 19:04:46 +02:00
#articles .articles-listing .card > a .wrapper-content {
grid-column-start: 2;
grid-row-start: 1;
background-image: url(/user/themes/lecampus/images/Trame-bleu2.svg);
background-repeat: repeat;
padding: 20px 20px;
width: 100%;
height: 100%; }
function open_pack
2021-06-12 14:36:11 +02:00
#articles .articles-listing .card > a .wrapper-content .date {
float: left; }
#articles .articles-listing .card > a .wrapper-content .cat {
margin-left: 3px; }
fix fichier manquants
2021-06-10 19:04:46 +02:00
#articles .articles-listing .card > a .wrapper-content .readmore {
float: right; }
#articles .articles-listing .card .card-content {
overflow: hidden;
height: 7.7rem; }
#articles .articles-listing .card .card-content h2 {
font-size: 0.9rem; }
#articles .articles-listing .card:last-child {
margin-bottom: 0; }
.paginations {
max-width: 1200px; }
.paginations > ul > li {
border: none; }
.paginations > ul > li > span.active::after {
content: " ";
width: 100%;
height: 5px;
display: block;
background: #b5cb3a; }
.paginations > ul > li span, .paginations > ul > li a {
padding: 4px 5px; }
.paginations > ul > li:first-child {
float: left; }
.paginations > ul > li:first-child > a::before, .paginations > ul > li:first-child > span::before {
content: "<";
margin-right: 10px;
display: inline-block;
transform: translateX(0px);
transition: 0.3s transform ease; }
.paginations > ul > li:first-child > a:hover::before {
transform: translateX(-3px);
transition: 0.3s transform ease; }
.paginations > ul > li:last-child {
float: right; }
.paginations > ul > li:last-child > a::after, .paginations > ul > li:last-child > span::after {
content: ">";
margin-left: 10px;
display: inline-block;
transform: translateX(0px);
transition: 0.3s transform ease; }
.paginations > ul > li:last-child > a:hover::after {
transform: translateX(3px);
transition: 0.3s transform ease; }
function open_pack
2021-06-12 14:36:11 +02:00
.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: -webkit-inline-box;
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 {
overflow: hidden;
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 .form-data > div label {
cursor: pointer; }
.start#form .body-wrapper form > div:nth-of-type(n+5):not(:nth-of-type(n+12)) {
width: 50%;
float: left;
border-bottom: 0px; }
.start#form .body-wrapper form > div:nth-of-type(n+5):not(:nth-of-type(n+12)) .form-data {
width: 100%; }
.start#form .body-wrapper form > div:nth-of-type(n+5):not(:nth-of-type(n+12)) .form-data > div {
width: 100%; }
.start#form .body-wrapper form > div:nth-of-type(11) {
border-bottom: 1px solid #9e0027 !important;
width: 100% !important; }
.start#form .body-wrapper form > div:nth-of-type(11) .form-data {
width: 50% !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%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: white;
border-radius: 30px;
padding: 10px 35px;
box-shadow: none;
border: 0; }
.start#form .body-wrapper #send-valide {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #9e0027;
border-radius: 20px;
position: fixed;
width: 30%;
min-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; }
fix fichier manquants
2021-06-10 19:04:46 +02:00
.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: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 20px;
background-image: url("/user/themes/lecampus/images/Trame-bleu2.svg");
background-repeat: repeat;
height: auto;
function open_pack
2021-06-12 14:36:11 +02:00
border-top: 10px solid #b5cb3a; }
fix fichier manquants
2021-06-10 19:04:46 +02:00
.entete .entete_c {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
width: 70%;
margin: 50px auto;
position: relative; }
.entete .entete_c h1 {
function open_pack
2021-06-12 14:36:11 +02:00
width: auto;
fix fichier manquants
2021-06-10 19:04:46 +02:00
margin-bottom: 20px;
background: #9e0027;
border-radius: 30px;
function open_pack
2021-06-12 14:36:11 +02:00
width: auto;
fix fichier manquants
2021-06-10 19:04:46 +02:00
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: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
flex-wrap: nowrap;
width: 50px;
height: 25px; }
#event .sidebar {
margin-top: 50px; }
#event p a {
text-decoration: underline; }
.sidebar {
position: absolute;
right: 0;
width: 20%;
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 0;
background: #0093a3;
/* LOADER */ }
#newsletter .ml-form-embedSubmitLoad {
display: inline-block;
width: 20px;
height: 20px; }
#newsletter .ml-form-embedSubmitLoad:after {
content: " ";
display: block;
width: 11px;
height: 11px;
margin: 1px;
border-radius: 50%;
border: 4px solid #fff;
border-color: #ffffff #ffffff #ffffff transparent;
-webkit-animation: ml-form-embedSubmitLoad 1.2s linear infinite;
animation: ml-form-embedSubmitLoad 1.2s linear infinite; }
@-webkit-keyframes ml-form-embedSubmitLoad {
0% {
-webkit-transform: rotate(0deg);
demande de devis fix
2019-07-13 17:08:11 +02:00
transform: rotate(0deg); }
100% {
fix fichier manquants
2021-06-10 19:04:46 +02:00
-webkit-transform: rotate(360deg);
demande de devis fix
2019-07-13 17:08:11 +02:00
transform: rotate(360deg); } }
integre-newsleter
2019-06-13 16:19:04 +02:00
fix fichier manquants
2021-06-10 19:04:46 +02:00
@keyframes ml-form-embedSubmitLoad {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
#newsletter #mlb2-985974.ml-form-embedContainer {
box-sizing: border-box;
display: table;
height: 100%;
margin: 0 auto;
width: 100% !important; }
#newsletter #mlb2-985974.ml-form-embedContainer h4,
#newsletter #mlb2-985974.ml-form-embedContainer p,
#newsletter #mlb2-985974.ml-form-embedContainer span,
#newsletter #mlb2-985974.ml-form-embedContainer button {
text-transform: none !important;
letter-spacing: normal !important; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper {
display: inline-block !important;
margin: 0;
padding: 0;
position: relative; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper.embedPopup,
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper.embedDefault {
width: 400px; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper.embedForm {
width: 750px; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-align-left {
text-align: left; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-align-center {
text-align: center; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-align-default {
display: table-cell !important;
vertical-align: middle !important;
text-align: center !important; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-align-right {
text-align: right; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedHeader img {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
height: auto;
width: 100%; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody.ml-form-embedBodyHorizontal {
padding-bottom: 0;
justify-content: center;
display: flex;
border: 1px solid white;
border-radius: 30px;
overflow: hidden; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent,
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent {
width: 100%; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent {
color: white; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p {
color: white;
text-align: center;
font-family: "Regular"; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent label {
color: white;
white-space: nowrap;
padding: 0 20px;
line-height: 40px; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p,
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p {
color: #000000;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 400;
margin: 0 0 10px 0;
text-align: left;
text-align: center;
color: white; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ul,
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ol,
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ul,
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ol {
color: #000000;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 14px; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p a,
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p a {
color: #000000;
text-decoration: underline; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p:last-child,
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p:last-child {
margin: 0; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody form {
margin: 0;
width: 100%; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent,
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow {
margin: 0 0 20px 0;
width: 100%; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent.horozintalForm {
margin: 0; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow {
margin: 0 0 10px 0;
width: 100%; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-last-item {
margin: 0; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-formfieldHorizintal {
margin: 0; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input {
background-color: #ffffff !important;
color: #333333 !important;
border-color: #cccccc !important;
border-radius: 4px !important;
border-style: solid !important;
border-width: 1px !important;
font-size: 14px !important;
line-height: 20px !important;
padding: 10px 10px !important;
width: 100% !important;
box-sizing: border-box !important;
max-width: 100% !important; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-webkit-input-placeholder {
color: #333333; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-moz-placeholder {
color: #333333; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-ms-input-placeholder {
color: #333333; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-moz-placeholder {
color: #333333; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow {
height: 40px;
display: flex; }
#newsletter .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal {
width: 100%; }
#newsletter .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal {
width: auto;
margin-left: -45px; }
#newsletter .ml-form-formContent.horozintalForm .ml-form-horizontalRow .horizontal-fields {
box-sizing: border-box;
float: left; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input {
background-color: #ffffff;
color: #333333;
border-radius: 30px;
border-style: solid;
border-width: 0px;
font-size: 14px;
line-height: 20px;
padding: 10px 10px;
width: 100%;
box-sizing: border-box; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button {
background-color: transparent;
border-color: transparent;
border-style: solid;
box-shadow: none;
color: black !important;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 14px !important;
font-weight: 700;
line-height: 20px;
padding: 10px !important;
width: 100%; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"] {
display: inline-block;
float: left;
margin: 1px 0 0 0;
opacity: 1;
visibility: visible;
appearance: checkbox !important;
-moz-appearance: checkbox !important;
-webkit-appearance: checkbox !important;
position: relative;
height: 14px;
width: 14px; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description {
color: #000000;
display: block;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
padding-left: 25px; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label {
font-weight: normal;
margin: 0;
padding: 0; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label a {
color: #000000;
text-decoration: underline; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p {
color: #000000 !important;
font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
font-weight: normal !important;
line-height: 18px !important;
padding: 0 !important;
margin: 0 5px 0 0 !important; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p:last-child {
margin: 0; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit {
margin: 0 0 20px 0; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
background-color: #000000 !important;
border: none !important;
border-radius: 4px !important;
box-shadow: none !important;
color: #ffffff !important;
font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 20px !important;
padding: 10px !important;
width: 100% !important;
box-sizing: border-box !important; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover {
background-color: #333333 !important; }
#newsletter .ml-subscribe-close {
width: 30px;
height: 30px;
background: url(https://bucket.mlcdn.com/images/default/modal_close.png) no-repeat;
background-size: 30px;
cursor: pointer;
margin-top: -10px;
margin-right: -10px;
position: absolute;
top: 0;
right: 0; }
#newsletter .ml-error input {
background: url(https://bucket.mlcdn.com/images/default/error-icon.png) 98% center no-repeat #ffffff !important;
background-size: 24px 24px !important; }
#newsletter .ml-error .label-description {
color: #ff0000 !important; }
#newsletter .ml-error .label-description p {
color: #ff0000 !important; }
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p,
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p:first-letter {
color: #ff0000 !important; }
@media only screen and (max-width: 400px) {
#newsletter .ml-form-formContent.horozintalForm .ml-form-horizontalRow .horizontal-fields {
margin-bottom: 10px !important;
width: 100% !important; } }
#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: -webkit-inline-box;
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: -webkit-inline-box;
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: -webkit-inline-box;
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%;
-webkit-transform: translate(-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 .item-wrapper, #item-article .item-wrapper {
width: 45%;
margin: auto; }
#item .item-wrapper .title-wrapper, #item-article .item-wrapper .title-wrapper {
display: inline-flex;
align-items: baseline;
width: 100%;
margin: 40px 0; }
#item .item-wrapper .title-wrapper .back, #item-article .item-wrapper .title-wrapper .back {
margin-right: 10px;
margin-left: -80px; }
#item .item-wrapper .title-wrapper .back::before, #item-article .item-wrapper .title-wrapper .back::before {
content: "<";
display: inline-block;
margin-right: 5px; }
#item .item-wrapper .title-wrapper .title, #item-article .item-wrapper .title-wrapper .title {
width: auto;
margin: 0; }
#item .item-wrapper .title-wrapper .title h1, #item-article .item-wrapper .title-wrapper .title h1 {
width: auto;
padding: 10px 20px;
border-radius: 30px;
background: #9e0027; }
#item .item-wrapper .info-wrapper, #item-article .item-wrapper .info-wrapper {
display: inline-flex;
width: 100%;
flex-direction: column;
align-items: flex-end; }
#item .item-wrapper .info-wrapper .date, #item-article .item-wrapper .info-wrapper .date {
width: 100%;
background-image: url("/user/themes/lecampus/images/Trame-bleu2.svg");
background-repeat: repeat;
padding: 5px 10px;
text-align: right;
margin-bottom: 20px; }
#item .item-wrapper .info-wrapper .reso, #item-article .item-wrapper .info-wrapper .reso {
display: inline-flex;
margin-bottom: 20px; }
#item .item-wrapper .info-wrapper .reso a, #item-article .item-wrapper .info-wrapper .reso a {
display: inline-flex;
margin: 0 0 0 10px;
align-items: center; }
#item .item-wrapper .info-wrapper .reso a img, #item-article .item-wrapper .info-wrapper .reso a img {
margin-left: 5px;
width: 20px;
height: auto; }
#item .item-wrapper .body-wrapper .card-image, #item-article .item-wrapper .body-wrapper .card-image {
width: 100%; }
#item .item-wrapper .body-wrapper .card-content, #item-article .item-wrapper .body-wrapper .card-content {
margin: 40px 0; }
#item .item-wrapper .body-wrapper .card-content .txt p, #item-article .item-wrapper .body-wrapper .card-content .txt p {
margin: 0 0 1.2rem 0;
line-height: 1.5rem; }
#item .item-wrapper .body-wrapper .card-content .txt h2, #item-article .item-wrapper .body-wrapper .card-content .txt h2 {
font-size: 1.2rem;
font-family: "bold";
font-weight: normal;
margin: 0; }
#item .item-wrapper .body-wrapper .card-content .txt ul, #item-article .item-wrapper .body-wrapper .card-content .txt ul {
margin-bottom: 1.2rem; }
#item .item-wrapper .body-wrapper .card-content .txt ul li::before, #item-article .item-wrapper .body-wrapper .card-content .txt ul li::before {
content: " ";
width: 5px;
height: 5px;
border-radius: 10px;
display: inline-block;
vertical-align: middle;
background: #9e0027;
margin-right: 5px; }
#item .content, #item-article .content {
nos valeurs
2021-06-21 14:15:18 +02:00
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
fix fichier manquants
2021-06-10 19:04:46 +02:00
#item .content .images_s, #item-article .content .images_s {
nos valeurs
2021-06-21 14:15:18 +02:00
width: 40%;
fix fichier manquants
2021-06-10 19:04:46 +02:00
align-self: center;
margin-right: 15px; }
#item .content .images_s img, #item-article .content .images_s img {
margin-bottom: 15px; }
#item .content .content_s, #item-article .content .content_s {
nos valeurs
2021-06-21 14:15:18 +02:00
width: calc(60% - 30px); }
fix fichier manquants
2021-06-10 19:04:46 +02:00
#item .content .icones, #item-article .content .icones {
margin: 70px 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-around;
width: 100%; }
#item .content .icones .icon, #item-article .content .icones .icon {
height: 50px;
width: auto;
max-width: 200px; }
#item .content .icones .icon img, #item-article .content .icones .icon img {
height: 50px;
width: 100%; }
#item .content .icones .icon p, #item-article .content .icones .icon p {
text-align: center; }
bandeau devis home + packs
2021-06-13 20:52:18 +02:00
#devis.home .title {
visibility: hidden; }
fix fichier manquants
2021-06-10 19:04:46 +02:00
#devis {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
align-items: center;
background-image: url("/user/themes/lecampus/images/Trame-bleu2.svg");
background-repeat: repeat;
width: 100%; }
#devis .title {
width: 200px;
height: 200px;
background: #9e0027;
border-radius: 200px;
-webkit-transform: translateX(80px);
transform: translateX(80px); }
#devis .title h4 {
text-align: center;
color: white;
margin: 50% 10px 0 10px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
#devis .txt {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: white;
width: 25%;
margin-right: 20px;
height: auto; }
#devis .txt p {
function open_pack
2021-06-12 14:36:11 +02:00
padding: 20px 20px 20px 20px;
fix fichier manquants
2021-06-10 19:04:46 +02:00
color: black;
text-align: left; }
#devis .txt p strong {
font-size: 1.3rem; }
#devis .demander-votre-devis {
margin-top: 0;
-webkit-transform: translate(50%, -125%);
transform: translate(50%, -125%); }
#devis .img {
width: 400px;
height: 300px;
position: relative; }
#devis .img .content-img {
width: auto;
height: auto;
overflow: hidden; }
#devis .img .content-img > img {
width: 100%;
height: 100%; }
nos valeurs
2021-06-21 14:15:18 +02:00
#devis.item, #devis.sublog, #devis.item-article, #devis.nos-offres, #devis.nos-packs, #devis.le_campus {
fix fichier manquants
2021-06-10 19:04:46 +02:00
background: #9e0027;
height: auto;
padding: 20px 0; }
nos valeurs
2021-06-21 14:15:18 +02:00
#devis.item a, #devis.sublog a, #devis.item-article a, #devis.nos-offres a, #devis.nos-packs a, #devis.le_campus a {
fix fichier manquants
2021-06-10 19:04:46 +02:00
color: white; }
nos valeurs
2021-06-21 14:15:18 +02:00
#devis.item a .title, #devis.sublog a .title, #devis.item-article a .title, #devis.nos-offres a .title, #devis.nos-packs a .title, #devis.le_campus a .title {
fix fichier manquants
2021-06-10 19:04:46 +02:00
vertical-align: baseline;
border-radius: 30px;
border: 1px solid white;
padding: 5px 20px;
height: 35px;
width: auto;
-webkit-transform: translateX(0);
transform: translateX(0); }
nos valeurs
2021-06-21 14:15:18 +02:00
#devis.item a:hover, #devis.sublog a:hover, #devis.item-article a:hover, #devis.nos-offres a:hover, #devis.nos-packs a:hover, #devis.le_campus a:hover {
fix fichier manquants
2021-06-10 19:04:46 +02:00
color: black; }
nos valeurs
2021-06-21 14:15:18 +02:00
#devis.item a:hover .title, #devis.sublog a:hover .title, #devis.item-article a:hover .title, #devis.nos-offres a:hover .title, #devis.nos-packs a:hover .title, #devis.le_campus a:hover .title {
fix fichier manquants
2021-06-10 19:04:46 +02:00
background: white;
transition: background 0.3s ease; }
#reco {
background: #00407d; }
#reco .title {
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: 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 h2:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
#reco .txt {
z-index: -1;
position: relative;
width: 100%;
display: none; }
#reco .txt p {
color: white;
width: 300px; }
#reco .txt p a {
color: white;
text-decoration: underline; }
#reco .txt.open {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
padding-top: 20px;
z-index: 999;
background: #00407d; }
#reco .txt.open .item {
display: block; }
#reco .txt h3 {
color: #b5cb3a; }
#reco .item {
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, #item .title, #item-article .title {
width: 45%;
margin: auto; }
#event .head-event .tags, #item .head-event .tags, #item-article .head-event .tags {
width: 100%; }
#event .head-event .tags.professionnels, #item .head-event .tags.professionnels, #item-article .head-event .tags.professionnels {
background-color: #9e0027; }
#event .head-event .tags.grand_public, #item .head-event .tags.grand_public, #item-article .head-event .tags.grand_public {
background-color: #0093a3; }
#event .head-event .tags.formations, #item .head-event .tags.formations, #item-article .head-event .tags.formations {
background-color: #6e6f70; }
#event .head-event .tags.publics, #item .head-event .tags.publics, #item-article .head-event .tags.publics {
padding: 2.5px 10px;
color: white; }
#event .card-header, #item .card-header, #item-article .card-header {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
flex-direction: column;
width: 100%; }
#event .card-header.professionnels, #item .card-header.professionnels, #item-article .card-header.professionnels {
background-color: #9e0027; }
#event .card-header.grand_public, #item .card-header.grand_public, #item-article .card-header.grand_public {
background-color: #0093a3; }
#event .card-header.formations, #item .card-header.formations, #item-article .card-header.formations {
background-color: #6e6f70; }
#event .card-header .publics, #item .card-header .publics, #item-article .card-header .publics {
text-align: right; }
#event .card-header .publics.publics, #item .card-header .publics.publics, #item-article .card-header .publics.publics {
padding: 2.5px 10px;
color: white; }
#event .card-body, #item .card-body, #item-article .card-body {
padding: 15px;
background-image: url("/user/themes/lecampus/images/Trame-bleu2.svg");
background-repeat: repeat; }
#event .card-content, #item .card-content, #item-article .card-content {
margin-top: 20px; }
.demander-votre-devis {
padding: 10px;
z-index: 999;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
background: #9e0027;
position: absolute;
width: 200px;
height: 200px;
right: 5%;
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: repeat; }
#sublog .content {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 90%;
flex-direction: row-reverse;
justify-content: space-between; }
#sublog .content .txt {
width: 50%; }
#sublog .content .txt .content_txt {
width: 50%; }
#sublog .content .txt > p {
font-size: 1.2rem;
font-family: "bold"; }
#sublog svg {
pointer-events: none; }
#sublog .mapsalles {
width: 50%;
position: relative; }
#sublog .mapsalles .contour {
position: relative;
z-index: 1;
pointer-events: none;
display: inline-block;
width: 100%;
vertical-align: middle;
overflow: hidden; }
#sublog .mapsalles .fond {
position: absolute;
display: inline-block;
width: 100%;
vertical-align: middle;
overflow: hidden;
z-index: 0;
left: 0;
top: 5.3%; }
#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 {
visibility: hidden;
overflow-x: hidden;
position: absolute;
left: 50%;
top: 300px;
width: 40%;
background: white; }
#sublog .content_salle > p {
padding-left: 10px; }
#sublog .content_salle .header-salles {
height: 100%;
background: #0093a3;
padding: 5px 10px;
color: white;
margin-top: 0;
width: 100%; }
#sublog .content_salle .header-salles h3 {
width: 100%; }
#sublog .content_salle .header-salles img {
display: none; }
#sublog .content_salle .gal-salles {
height: 100%;
position: relative; }
#sublog .content_salle .gal-salles img {
width: 100%;
height: 100%; }
#sublog .content_salle h4 {
background: #b5cb3a;
font-size: 1.2rem;
font-family: "bold";
padding: 5px 10px;
margin-top: -1px; }
#sublog .slidesjs-navigation {
margin-right: 5px;
float: left;
display: block;
width: 30px;
height: 30px;
padding-top: 13px;
background-position: 0 0;
overflow: hidden;
z-index: 999;
position: absolute;
top: 50%; }
#sublog .slidesjs-previous {
left: 10px;
background-image: url("/user/themes/lecampus/images/arrow-gal.svg"); }
#sublog .slidesjs-next {
background-image: url("/user/themes/lecampus/images/arrow-gal-next.svg");
right: 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; }
.ok {
cursor: pointer; }
.cookie-banner {
display: none;
position: fixed;
top: 0;
width: 100%; }
.cookie-banner.active {
display: block; }
.cookie-inform-and-ask {
background-color: green;
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%; }
.cookie-inform-and-ask.active {
display: block; }
.cookie-inform-and-ask .cookie-dialog {
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 70%; }
modules nos valeurs/equipe
2021-06-21 18:12:24 +02:00
module valeurs/equipe
2021-06-22 12:54:55 +02:00
#le_campus #module {
module valeurs/equipe
2021-06-22 10:20:20 +02:00
width: 60%;
css modules
2021-06-21 18:30:15 +02:00
margin: auto;
module valeurs/equipe
2021-06-22 10:20:20 +02:00
margin-top: 4rem;
margin-bottom: 4rem;
padding-right: 4rem;
display: flex;
flex-direction: column; }
module valeurs/equipe
2021-06-22 12:54:55 +02:00
#le_campus #module .titre-module {
module valeurs/equipe
2021-06-22 10:20:20 +02:00
font-family: "now_alt_bold";
font-weight: 400;
module
2021-06-22 14:41:52 +02:00
font-size: 2rem;
module valeurs/equipe
2021-06-22 10:20:20 +02:00
line-height: 2rem;
padding-bottom: 2rem;
text-align: center;
color: #0093a3; }
module valeurs/equipe
2021-06-22 12:54:55 +02:00
#le_campus #module .valeurs {
css modules
2021-06-21 18:30:15 +02:00
display: flex;
module valeurs/equipe
2021-06-22 10:20:20 +02:00
flex-direction: row; }
module valeurs/equipe
2021-06-22 12:54:55 +02:00
#le_campus #module .valeurs .valeur {
module valeurs/equipe
2021-06-22 10:20:20 +02:00
width: 33%;
display: flex;
flex-direction: column;
css modules
2021-06-21 18:30:15 +02:00
padding: 10px; }
module valeurs/equipe
2021-06-22 12:54:55 +02:00
#le_campus #module .valeurs .valeur .images_v {
module
2021-06-22 14:41:52 +02:00
width: 100%; }
module valeurs/equipe
2021-06-22 12:54:55 +02:00
#le_campus #module .valeurs .valeur .images_v img {
module valeurs/equipe
2021-06-22 10:20:20 +02:00
padding-bottom: 20px; }
module valeurs/equipe
2021-06-22 12:54:55 +02:00
#le_campus #module .valeurs .valeur h5 {
module valeurs/equipe
2021-06-22 10:20:20 +02:00
padding-top: 20px;
padding-bottom: 5px;
font-family: "bold";
font-size: 1.3rem; }
module valeurs/equipe
2021-06-22 12:54:55 +02:00
#le_campus #module .equipe {
display: flex;
flex-direction: row; }
#le_campus #module .equipe .personne {
width: 33%;
display: flex;
flex-direction: column;
padding: 10px; }
#le_campus #module .equipe .personne .images_v {
module
2021-06-22 14:41:52 +02:00
width: 100%; }
module valeurs/equipe
2021-06-22 12:54:55 +02:00
#le_campus #module .equipe .personne .images_v img {
padding-bottom: 20px; }
#le_campus #module .equipe .personne h5 {
padding-top: 20px;
padding-bottom: 5px;
font-family: "bold";
font-size: 1.3rem; }
module
2021-06-22 14:41:52 +02:00
.module .dl_plaquette {
width: 60%;
margin: auto; }
.module .dl_plaquette p {
font-family: "now_alt_bold";
font-weight: 400;
font-size: 1rem;
line-height: 2rem;
padding-bottom: 2rem;
text-align: center; }
Reference in New Issue Copy Permalink