762 lines
176 KiB
CSS
Raw Normal View History

2019-04-03 15:29:46 +02:00
* { box-sizing: border-box; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* 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%; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; padding: 0; height: 100%; width: 100%; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
/** Render the `main` element consistently in IE. */
main { display: block; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
/** 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; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
h1, h2, h3, h4, h5, p, em, strong, ul, li, a { margin: 0; padding: 0; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
ul, li, ol { list-style: none; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
/** 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; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
ul { list-style: none; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
ul, li { margin: 0; padding: 0; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
a { background-color: transparent; color: black; text-decoration: none; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
/** 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 */ }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
/** 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 */ }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
/** Add the correct font size in all browsers. */
small { font-size: 80%; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
/** 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; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
sub { bottom: -0.25em; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
sup { top: -0.5em; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; width: 100%; height: auto; vertical-align: bottom; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
iframe { border: none; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
/* 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 */ }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
/** 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; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
/** 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; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
/** 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; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
/** 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 { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
/** 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; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
/** 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 */ }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
/** 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 */ }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
/* Add the correct display in all browsers. */
summary { display: list-item; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
/** Add the correct display in IE 10. */
[hidden] { display: none; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
@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"); }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
@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"); }
2019-04-02 19:54:29 +02:00
2019-05-14 19:59:47 +02:00
@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"); }
2019-04-03 15:29:46 +02:00
.default-animation { transition: all 0.5s ease; }
2019-04-02 19:54:29 +02:00
.pulse { animation-name: pulse_animation; animation-duration: 2000ms; transform-origin: 70% 70%; animation-iteration-count: infinite; animation-timing-function: linear; }
@keyframes pulse_animation { 0% { transform: scale(1); }
30% { transform: scale(1); }
40% { transform: scale(1.08); }
50% { transform: scale(1); }
60% { transform: scale(1); }
70% { transform: scale(1.05); }
80% { transform: scale(1); }
100% { transform: scale(1); } }
2019-05-09 00:26:27 +02:00
html, body { font-family: "Regular"; line-height: 1.35; }
2019-04-02 19:54:29 +02:00
2019-04-03 15:29:46 +02:00
h2 { font-size: 2rem; }
2019-04-02 19:54:29 +02:00
2019-04-08 18:00:38 +02:00
h4 { font-weight: normal; font-size: 2rem; }
2019-04-03 15:29:46 +02:00
h5 { font-weight: normal; font-size: 1.2rem; }
2019-04-02 19:54:29 +02:00
2019-05-14 19:59:47 +02:00
nav a { font-family: "bold"; font-size: 0.9rem; }
2019-05-09 00:26:27 +02:00
.container > .title { font-family: "bold"; }
2019-05-27 17:03:03 +02:00
.card-header .publics { font-size: 0.8rem; font-family: "bold"; }
2019-05-09 00:26:27 +02:00
2019-05-27 17:03:03 +02:00
.card-title h2 { font-family: "now_alt_bold"; font-weight: 400; font-size: 1.2rem !important; }
2019-04-02 19:54:29 +02:00
2019-05-09 00:26:27 +02:00
.card-title .date { font-size: 0.8rem; }
2019-05-27 17:03:03 +02:00
.card-content .reso a { font-family: "bold"; font-weight: 400; }
2019-05-01 19:59:32 +02:00
p { font-size: 0.9rem; }
2019-04-03 15:29:46 +02:00
p strong { font-family: "bold"; font-weight: normal; }
2019-04-02 19:54:29 +02:00
2019-05-27 17:03:03 +02:00
.gal p { font-family: "now_alt_bold"; font-weight: 400; font-size: 1.2rem; line-height: 2.2rem; }
2019-05-01 19:59:32 +02:00
2019-05-14 19:59:47 +02:00
.entete h1 { font-size: 1.2rem; color: white; }
2019-05-01 19:59:32 +02:00
2019-05-14 19:59:47 +02:00
.entete p { font-family: "now_alt_bold"; font-weight: 400; font-size: 1.5rem; line-height: 2rem; }
2019-05-01 19:59:32 +02:00
#home p:not(:last-child) strong { font-size: 1.3rem; }
2019-05-14 19:59:47 +02:00
#home .content p strong { font-family: "now_alt_bold"; font-weight: 400; }
2019-05-01 19:59:32 +02:00
#home .content p:nth-of-type(n+4):not(:last-child) { text-align: center; }
2019-05-14 19:59:47 +02:00
#home .content p:nth-of-type(n+4):not(:last-child) strong { color: #9e0027; font-family: "now_alt_bold"; font-weight: 400; }
2019-05-01 19:59:32 +02:00
2019-05-27 17:03:03 +02:00
#item .content .content_s h2 { font-family: "bold"; font-size: 1.3rem; }
#item .icones p { font-family: "now_alt_bold"; font-weight: 400; color: #9e0027; font-size: 1.2rem; }
2019-05-09 00:26:27 +02:00
.sidebar .date { font-size: 0.8rem; }
2019-05-01 19:59:32 +02:00
2019-05-14 19:59:47 +02:00
.sidebar h2 { font-family: "now_alt_bold"; font-weight: 400; font-size: 1.4rem; line-height: 100px; color: white; text-align: center; }
2019-04-02 19:54:29 +02:00
2019-05-14 19:59:47 +02:00
.sidebar h3 { font-size: 1.3rem; font-family: "now_alt_bold"; font-weight: 400; }
2019-05-01 19:59:32 +02:00
.sidebar .date { color: #6e6f70; }
2019-05-09 00:26:27 +02:00
.sidebar .side-all-agenda a { font-size: 0.9rem; font-family: "bold"; }
2019-05-14 19:59:47 +02:00
#newsletter label { font-size: 1rem; line-height: 1.9rem; font-weight: normal; font-family: "bold"; }
2019-04-02 19:54:29 +02:00
2019-04-05 00:19:26 +02:00
.cat { width: 100%; }
2019-05-27 17:03:03 +02:00
.cat a, .cat label { font-family: "bold"; }
2019-04-05 00:19:26 +02:00
2019-05-01 19:59:32 +02:00
.dt { font-family: "bold"; color: #9e0027; }
2019-04-05 00:19:26 +02:00
2019-05-09 00:26:27 +02:00
#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"; }
2019-05-14 19:59:47 +02:00
#devis h4 { font-size: 1rem; font-family: "now_alt_bold"; font-weight: 400; }
#devis p:nth-of-type(1) { color: white; text-align: center; }
2019-05-09 00:26:27 +02:00
2019-05-14 19:59:47 +02:00
#devis p strong { font-family: "now_alt_bold"; font-weight: 400; }
2019-05-27 17:03:03 +02:00
#devis.item .title { font-family: "bold"; }
.demander-votre-devis a { color: white; }
2019-05-14 19:59:47 +02:00
2019-05-27 17:03:03 +02:00
.demander-votre-devis a p:nth-of-type(1) { font-size: 2rem; }
2019-05-14 19:59:47 +02:00
2019-05-27 17:03:03 +02:00
.demander-votre-devis a strong { font-family: "now_alt_bold"; font-weight: 400; }
2019-05-14 19:59:47 +02:00
#reco h5 { font-family: "bold"; font-weight: 400; }
#footer { font-family: "now_alt_medium"; font-weight: 400; }
2019-05-09 00:26:27 +02:00
#footer p { font-size: 0.8rem; }
#footer p a { font-family: "bold"; }
2019-05-01 19:59:32 +02:00
#home .content p:last-child a:hover { color: white; background-color: #b5cb3a; transition: background-color 0.3s ease; }
2019-04-05 00:19:26 +02:00
2019-06-04 10:26:02 +02:00
header { z-index: 999; position: relative; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; width: 100%; border-bottom: 1px solid #0093a3; height: 105px; }
2019-05-14 19:59:47 +02:00
2019-05-31 23:37:11 +02:00
header nav { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; height: 100px; width: 70%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
2019-04-05 00:19:26 +02:00
2019-05-14 19:59:47 +02:00
header nav .logo { display: -ms-flexbox; display: flex; }
2019-04-02 19:54:29 +02:00
2019-05-14 19:59:47 +02:00
header nav .logo a { display: block; margin: auto; }
2019-04-02 19:54:29 +02:00
2019-05-14 19:59:47 +02:00
header nav.dropmenu a { padding: 10px; }
2019-04-05 00:19:26 +02:00
2019-05-14 19:59:47 +02:00
header nav.dropmenu > ul { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
2019-04-05 00:19:26 +02:00
2019-05-27 17:03:03 +02:00
header nav.dropmenu > ul > li { text-align: center; max-width: 250px; padding: 0 20px; }
2019-06-03 15:22:10 +02:00
header nav.dropmenu > ul > li > a { white-space: nowrap; line-height: 6rem; border-top: 1px solid #0093a3; border-bottom: 3px solid #b5cb3a; }
2019-04-05 00:19:26 +02:00
2019-05-27 17:03:03 +02:00
header nav.dropmenu > ul > li > ul { display: none; margin-top: -1.5rem; }
2019-04-02 19:54:29 +02:00
2019-05-14 19:59:47 +02:00
header nav.dropmenu > ul > li > ul li { background-color: white; text-align: center; }
2019-04-05 00:19:26 +02:00
2019-05-27 17:03:03 +02:00
header nav.dropmenu > ul > li > ul li a { display: block; padding: 10px; position: relative; }
header nav.dropmenu > ul > li > ul li a:before { content: ""; position: absolute; width: 100%; height: 3px; bottom: 0; left: 0; background-color: #b5cb3a; visibility: hidden; transform: scaleX(0); transition: all 0.3s ease-in-out 0s; }
2019-04-05 00:19:26 +02:00
2019-05-14 19:59:47 +02:00
header nav.dropmenu > ul > li:hover > ul { display: block; }
2019-04-05 00:19:26 +02:00
2019-05-27 17:03:03 +02:00
header nav.dropmenu > ul > li:hover > ul li:hover a:hover:before { visibility: visible; transform: scaleX(1); }
2019-04-02 19:54:29 +02:00
2019-05-14 19:59:47 +02:00
header nav .reso { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
2019-04-02 19:54:29 +02:00
2019-05-14 19:59:47 +02:00
header nav .reso a { display: block; width: 35px; margin: auto 5px; }
2019-05-01 19:59:32 +02:00
2019-05-14 19:59:47 +02:00
#footer { width: 100%; background: #d8dadbff; }
2019-04-05 00:19:26 +02:00
2019-05-14 19:59:47 +02:00
#footer .block { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin: 20px 0; -ms-flex-pack: center; justify-content: center; }
2019-04-05 00:19:26 +02:00
2019-05-14 19:59:47 +02:00
#footer .block p { padding: 0 20px; }
2019-04-05 00:19:26 +02:00
2019-05-14 19:59:47 +02:00
#footer .block p img { width: 100%; max-width: 150px; height: auto; }
2019-04-02 19:54:29 +02:00
2019-05-14 19:59:47 +02:00
#footer .block p:nth-of-type(1) img { float: right; }
2019-04-05 00:19:26 +02:00
2019-05-14 19:59:47 +02:00
#footer .block p:not(:nth-of-type(1)) { border-left: 1px solid black; }
2019-04-05 00:19:26 +02:00
2019-05-31 23:37:11 +02:00
@media screen and (max-width: 960px) { header nav { position: relative; width: 90%; }
header nav .dropmenu { background: white; display: none; position: absolute; left: -6%; top: 100px; width: auto !important; height: auto; }
header nav .dropmenu > ul { -ms-flex-direction: column !important; flex-direction: column !important; }
header nav .dropmenu > ul > li { text-align: left; }
header nav .dropmenu > ul > li > ul { margin: auto; }
header nav .dropmenu > ul > li > ul > li { text-align: left; margin-left: 10px; }
header nav .dropmenu > ul > li > ul > li a { font-family: "Regular"; }
header nav .dropmenu > ul > li > a { border: none; line-height: 2rem; }
header nav .dropmenu.active { display: block; }
header nav .logo { margin: auto; }
header nav .navTrigger { cursor: pointer; width: 30px; height: 25px; margin: auto 0; left: 0; top: 0; bottom: 0; }
header nav .navTrigger i { background-color: #0093a3; border-radius: 2px; content: ''; display: block; width: 100%; height: 4px; }
header nav .navTrigger i:nth-child(1) { animation: outT 0.8s backwards; animation-direction: reverse; }
header nav .navTrigger i:nth-child(2) { margin: 5px 0; animation: outM 0.8s backwards; animation-direction: reverse; }
header nav .navTrigger i:nth-child(3) { animation: outBtm 0.8s backwards; animation-direction: reverse; }
header nav .navTrigger.active i:nth-child(1) { animation: inT 0.8s forwards; }
header nav .navTrigger.active i:nth-child(2) { animation: inM 0.8s forwards; }
header nav .navTrigger.active i:nth-child(3) { animation: inBtm 0.8s forwards; }
@keyframes inM { 50% {
transform: rotate(0deg); }
100% {
transform: rotate(45deg); } }
@keyframes outM { 50% {
transform: rotate(0deg); }
100% {
transform: rotate(45deg); } }
@keyframes inT { 0% {
transform: translateY(0px) rotate(0deg); }
50% {
transform: translateY(9px) rotate(0deg); }
100% {
transform: translateY(9px) rotate(135deg); } }
@keyframes outT { 0% {
transform: translateY(0px) rotate(0deg); }
50% {
transform: translateY(9px) rotate(0deg); }
100% {
transform: translateY(9px) rotate(135deg); } }
@keyframes inBtm { 0% {
transform: translateY(0px) rotate(0deg); }
50% {
transform: translateY(-9px) rotate(0deg); }
100% {
transform: translateY(-9px) rotate(135deg); } }
@keyframes outBtm { 0% {
transform: translateY(0px) rotate(0deg); }
50% {
transform: translateY(-9px) rotate(0deg); }
100% {
transform: translateY(-9px) rotate(135deg); } }
.gal .title_gal { max-width: 80% !important; top: 15vw !important; }
.gal .content_gal { width: 2% !important; }
.entete .entete_c { width: 95% !important; margin: 30px auto !important; }
.content { width: 80% !important; }
.sidebar { position: relative !important; width: 350px !important; margin: 0 auto !important; }
#devis .title { width: 100% !important; height: auto !important; transform: translateX(0px) !important; border-radius: 0px !important; }
#devis .title h4 { font-size: 1.3rem !important; margin: 15px auto !important; transform: translateY(0%) !important; }
#devis .txt { width: 100% !important; height: auto !important; background: #9e0027 !important; margin: auto !important; }
#devis .txt p { color: white !important; padding: 15px 55px !important; }
#devis .txt p strong { font-size: 1rem !important; }
#devis .img { width: auto !important; }
#devis .demander-votre-devis { transform: translate(0px, 40%) !important; right: 30px !important; }
#devis.item .title, #devis.sublog .title { border-radius: 30px !important; }
#sublog .txt { width: 100% !important; }
#sublog .txt p { padding: 0 !important; }
#sublog .content_salle { z-index: 2; left: 60% !important; }
#sublog .mapsalles { width: 60% !important; }
#item .demander-votre-devis, #sublog .demander-votre-devis { width: 300px !important; height: 110px !important; margin-top: -55px !important; }
#item .demander-votre-devis a, #sublog .demander-votre-devis a { display: -ms-inline-flexbox !important; display: inline-flex !important; }
#item .demander-votre-devis p:nth-of-type(2), #sublog .demander-votre-devis p:nth-of-type(2) { display: none !important; }
#item .demander-votre-devis img, #sublog .demander-votre-devis img { margin-left: 20px !important; margin-top: 0px !important; }
.start:not(#form)#archive, .start:not(#form)#calendrier { width: 80% !important; }
.start:not(#form) .body-wrapper .card { width: calc((100% / 3) - 7.5px) !important; }
.start#form .body-wrapper form { width: 90% !important; }
.start#form .body-wrapper form > div.button-wrapper button { margin-right: 5% !important; }
.sidebar { width: 50% !important; padding: 20px 0; }
2019-06-03 15:22:10 +02:00
.sidebar::before { display: block; width: 100vw; height: 100%; content: ''; background-image: url(/user/themes/lecampus/images/Trame-bleu.svg); background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; top: 0; margin-left: -27vw; z-index: -1; }
2019-05-31 23:37:11 +02:00
.start:not(#form) .body-wrapper .event { width: 90% !important; }
.start:not(#form)#event .title { width: 90% !important; } }
@media screen and (max-width: 750px) { .start .demander-votre-devis { display: none; }
#item .body-wrapper .images_s { display: none; }
#item .body-wrapper .content_s { width: 90% !important; }
#item .body-wrapper .content_s p { padding: 0 !important; }
#item .body-wrapper .icones { margin: 20px 0 0 0 !important; }
#item .body-wrapper .icones .icon { height: auto !important; max-width: 100% !important; }
#item .body-wrapper .icones .icon p { padding: 0 !important; }
.content { margin: 2rem auto !important; width: 90% !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; }
2019-06-03 15:22:10 +02:00
.sidebar:before { margin-left: -8vw; }
2019-05-31 23:37:11 +02:00
.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; }
#newsletter #mc_embed_signup { border: none !important; width: 280px !important; padding: 0 !important; }
#newsletter #mc_embed_signup #mc_embed_signup_scroll { -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 { -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 .content_salle { width: 90% !important; left: 5% !important; top: 250px !important; }
#sublog .content_salle p { padding: 0px 10px !important; }
#sublog .mapsalles { width: 100% !important; }
.start:not(#form)#archive, .start:not(#form)#calendrier { width: 90% !important; }
.start:not(#form)#archive .cat, .start:not(#form)#calendrier .cat { height: auto !important; }
.start:not(#form)#archive .cat .btn-group:nth-child(1), .start:not(#form)#calendrier .cat .btn-group:nth-child(1) { width: 75%; }
.start:not(#form)#archive .cat .btn-group label, .start:not(#form)#calendrier .cat .btn-group label { margin-bottom: 10px; }
.start:not(#form) .body-wrapper .card { width: 100% !important; }
.start:not(#form) .body-wrapper .event .card-content { -ms-flex-direction: column; flex-direction: column; }
.start:not(#form) .body-wrapper .event .card-content .reso { width: 100% !important; 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; } }
2019-05-27 17:03:03 +02:00
.gal { margin-left: 15%; }
2019-05-14 19:59:47 +02:00
.gal .content_gal { width: 2.2% !important; }
2019-05-27 17:03:03 +02:00
.gal .content_gal[aria-hidden="false"] .title_gal { opacity: 1; right: 70px; transition: right 1s ease, opacity 1s ease; }
2019-05-14 19:59:47 +02:00
2019-05-27 17:03:03 +02:00
.gal .title_gal { position: absolute; right: 50px; max-width: 50%; background: #0093a3; padding: 25px; top: 20vw; color: #ffffff; opacity: 0; }
2019-04-09 18:05:36 +02:00
2019-04-08 18:00:38 +02:00
.cat { height: 50px; z-index: 999; margin: 20px 0; }
2019-05-27 17:03:03 +02:00
.cat .btn-group { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
2019-04-08 18:00:38 +02:00
2019-05-27 17:03:03 +02:00
.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; }
2019-04-08 18:00:38 +02:00
2019-05-09 00:26:27 +02:00
.cat label.tous { border-top: 2px solid #b5cb3a; border-bottom: 2px solid #b5cb3a; }
2019-04-08 18:00:38 +02:00
2019-05-09 00:26:27 +02:00
.cat label.professionnels { border-top: 2px solid #9e0027; border-bottom: 2px solid #9e0027; }
2019-04-08 18:00:38 +02:00
2019-05-09 00:26:27 +02:00
.cat label.grand_public { border-top: 2px solid #0093a3; border-bottom: 2px solid #0093a3; }
2019-04-08 18:00:38 +02:00
2019-05-09 00:26:27 +02:00
.cat label.formations { border-top: 2px solid #6e6f70; border-bottom: 2px solid #6e6f70; }
2019-04-05 00:19:26 +02:00
2019-05-09 00:26:27 +02:00
.cat label.archive { border-top: 2px solid #00407d; border-bottom: 2px solid #00407d; }
2019-04-05 00:19:26 +02:00
2019-05-09 00:26:27 +02:00
.cat input { visibility: hidden; position: absolute; }
2019-04-05 00:19:26 +02:00
2019-05-09 00:26:27 +02:00
.bandeau { width: 100%; max-height: 554px; overflow: hidden; }
2019-04-02 19:54:29 +02:00
2019-05-09 00:26:27 +02:00
.container > .title { background: #9e0027; border-radius: 30px; width: auto; float: left; padding: 10px 20px; color: white; }
2019-04-02 19:54:29 +02:00
2019-05-14 19:59:47 +02:00
.start { min-height: calc(100vh - 325px); }
2019-05-27 17:03:03 +02:00
.start:not(#home) .entete { border-bottom: 10px solid #0093a3; }
.start:not(#form)#calendrier, .start:not(#form)#archive { width: 70%; margin: 40px auto 40px auto; }
.start:not(#form)#calendrier .header-wrapper .title, .start:not(#form)#archive .header-wrapper .title { display: -ms-flexbox; display: flex; }
.start:not(#form)#calendrier .header-wrapper .title h1, .start:not(#form)#archive .header-wrapper .title h1 { width: auto; margin-bottom: 20px; background: #9e0027; border-radius: 30px; padding: 10px 20px; color: white; font-size: 1.2rem; }
.start:not(#form)#event { margin: 40px auto 40px auto; }
.start:not(#form)#event .title { display: -ms-flexbox; display: flex; }
.start:not(#form)#event .title h1 { width: auto; margin-bottom: 20px; background: #9e0027; border-radius: 30px; padding: 10px 20px; color: white; font-size: 1.2rem; }
2019-04-05 00:19:26 +02:00
2019-05-09 00:26:27 +02:00
.start:not(#form) .body-wrapper { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; width: 100%; position: relative; }
2019-04-02 19:54:29 +02:00
2019-05-27 17:03:03 +02:00
.start:not(#form) .body-wrapper .card { width: calc( (100% / 4) - 7.5px); min-width: 200px; margin: 0 0 10px 0; }
2019-04-02 19:54:29 +02:00
2019-05-09 00:26:27 +02:00
.start:not(#form) .body-wrapper .card .card-header { position: absolute; width: 100%; right: 0; text-align: right; }
2019-04-02 19:54:29 +02:00
2019-05-14 19:59:47 +02:00
.start:not(#form) .body-wrapper .card .card-header.professionnels { background-color: #9e0027; }
2019-04-09 18:05:36 +02:00
2019-05-14 19:59:47 +02:00
.start:not(#form) .body-wrapper .card .card-header.grand_public { background-color: #0093a3; }
2019-04-02 19:54:29 +02:00
2019-05-14 19:59:47 +02:00
.start:not(#form) .body-wrapper .card .card-header.formations { background-color: #6e6f70; }
2019-04-02 19:54:29 +02:00
2019-05-09 00:26:27 +02:00
.start:not(#form) .body-wrapper .card .card-header .publics { padding: 2.5px 10px; color: white; }
2019-05-01 19:59:32 +02:00
2019-05-09 00:26:27 +02:00
.start:not(#form) .body-wrapper .card .card-body { padding: 15px; background-image: url("/user/themes/lecampus/images/Trame-bleu.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; }
2019-05-01 19:59:32 +02:00
2019-05-09 00:26:27 +02:00
.start:not(#form) .body-wrapper .event { width: 45%; }
2019-04-05 00:19:26 +02:00
2019-05-09 00:26:27 +02:00
.start:not(#form) .body-wrapper .event .card-content { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; justify-content: space-between; }
2019-04-05 00:19:26 +02:00
2019-05-09 00:26:27 +02:00
.start:not(#form) .body-wrapper .event .card-content .reso { width: 20%; }
2019-04-05 00:19:26 +02:00
2019-05-09 00:26:27 +02:00
.start:not(#form) .body-wrapper .event .card-content .reso a { display: block; margin-bottom: 10px; }
2019-04-05 00:19:26 +02:00
2019-05-09 00:26:27 +02:00
.start:not(#form) .body-wrapper .event .card-content .reso a img { margin-left: 10px; width: 20px; }
2019-04-02 19:54:29 +02:00
2019-05-09 00:26:27 +02:00
.start:not(#form) .body-wrapper .event .card-content .txt { width: 80%; }
2019-05-01 19:59:32 +02:00
2019-05-14 19:59:47 +02:00
.start#form .entete { border-top: 1px solid #0093a3; }
.start#form h2 { margin-top: 0; }
2019-05-27 17:03:03 +02:00
.start#form .body-wrapper { width: 100%; min-width: 250px; margin: auto auto 140px auto; }
2019-05-01 19:59:32 +02:00
2019-05-14 19:59:47 +02:00
.start#form .body-wrapper form { width: calc( (100% / 2)); margin-top: 20px; margin: auto; }
2019-05-01 19:59:32 +02:00
2019-05-09 00:26:27 +02:00
.start#form .body-wrapper form > div { width: 100%; margin: 20px 0; border-bottom: 1px solid #9e0027; }
2019-05-01 19:59:32 +02:00
2019-05-09 00:26:27 +02:00
.start#form .body-wrapper form > div .form-data { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 20px 0px; }
2019-06-03 15:22:10 +02:00
.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; }
2019-05-09 00:26:27 +02:00
.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; }
2019-06-03 15:22:10 +02:00
.start#form .body-wrapper form > div .form-data > div label { cursor: pointer; }
2019-05-09 00:26:27 +02:00
.start#form .body-wrapper form > div:nth-of-type(n+5):not(:nth-of-type(n+11)) { width: 50%; float: left; border-bottom: 0px; }
.start#form .body-wrapper form > div:nth-of-type(n+5):not(:nth-of-type(n+11)) .form-data { width: 100%; }
.start#form .body-wrapper form > div:nth-of-type(n+5):not(:nth-of-type(n+11)) .form-data > div { width: 100%; }
.start#form .body-wrapper form > div:nth-of-type(9), .start#form .body-wrapper form > div:nth-of-type(10) { border-bottom: 1px solid #9e0027 !important; }
2019-05-27 17:03:03 +02:00
.start#form .body-wrapper form > div.button-wrapper { background: #9e0027; height: 100px; position: absolute; left: 0; width: 100%; }
2019-05-09 00:26:27 +02:00
2019-05-27 17:03:03 +02:00
.start#form .body-wrapper form > div.button-wrapper button { margin-right: 25%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: white; border-radius: 30px; padding: 10px 35px; box-shadow: none; border: 0; }
2019-05-09 00:26:27 +02:00
.start#form .body-wrapper #send-valide { transform: translate(-50%, -50%); background: #9e0027; border-radius: 20px; position: fixed; width: 30%; height: 30%; left: 50%; top: 50%; padding: 50px; }
.start#form .body-wrapper #send-valide .toast { position: relative; text-align: center; color: white; }
.start#form .body-wrapper #send-valide .ok { color: white; position: absolute; right: 20px; bottom: 20px; }
2019-05-14 19:59:47 +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; }
2019-05-09 00:26:27 +02:00
.content { width: 50%; margin: 4rem auto; }
.content p { margin: 10px 0; }
.content_s { margin: auto !important; }
2019-05-27 17:03:03 +02:00
.entete { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px; background-image: url("/user/themes/lecampus/images/Trame-bleu.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; height: auto; border-top: 10px solid #b5cb3a; }
2019-05-09 00:26:27 +02:00
.entete .entete_c { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; width: 66%; margin: 50px auto; position: relative; }
2019-05-27 17:03:03 +02:00
.entete .entete_c h1 { width: auto; margin-bottom: 20px; background: #9e0027; border-radius: 30px; width: auto; padding: 10px 20px; }
2019-05-01 19:59:32 +02:00
2019-05-09 00:26:27 +02:00
.body-wrapper .content h4:not(:first-of-type) { border-top: 1px solid black; padding-top: 30px; margin: 30px 0 0 0; }
2019-04-08 18:00:38 +02:00
2019-05-09 00:26:27 +02:00
.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; }
2019-04-09 18:05:36 +02:00
2019-05-14 19:59:47 +02:00
#event { margin-bottom: 20px; }
2019-04-08 18:00:38 +02:00
#event .content { margin-top: 50px; }
#event .content h2 { float: left; margin-right: 20px; }
#event .content .reso { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 50px; height: 25px; }
#event .sidebar { margin-top: 50px; }
2019-06-03 15:22:10 +02:00
.sidebar { position: absolute; right: 0; width: 20%; margin: -55px auto 0 20px; }
2019-04-08 18:00:38 +02:00
2019-05-01 19:59:32 +02:00
.sidebar h2 { background: #9e0027; border-radius: 100px; width: 100px; height: 100px; }
2019-04-05 00:19:26 +02:00
2019-05-09 00:26:27 +02:00
.sidebar .side-agenda { padding: 10px 20px 10px 0; }
2019-05-01 19:59:32 +02:00
.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; }
2019-05-31 23:37:11 +02:00
.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; }
2019-05-09 00:26:27 +02:00
.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; }
2019-05-01 19:59:32 +02:00
2019-05-14 19:59:47 +02:00
#newsletter { padding: 20px; background: #0093a3; }
2019-05-01 19:59:32 +02:00
2019-05-14 19:59:47 +02:00
#newsletter #mc_embed_signup { width: 600px; margin: auto; padding: 0 0 0 10px; border-radius: 100px; border: 1px solid #ffffff; }
2019-04-05 00:19:26 +02:00
2019-05-14 19:59:47 +02:00
#newsletter #mc_embed_signup form { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
2019-04-02 19:54:29 +02:00
2019-05-14 19:59:47 +02:00
#newsletter #mc_embed_signup form #mc_embed_signup_scroll { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin: auto; }
2019-04-02 19:54:29 +02:00
2019-05-14 19:59:47 +02:00
#newsletter #mc_embed_signup form #mc_embed_signup_scroll label { text-align: center; color: #ffffff; margin-right: 10px; width: 260px; }
2019-04-02 19:54:29 +02:00
2019-05-14 19:59:47 +02:00
#newsletter #mc_embed_signup form #mc_embed_signup_scroll > input { width: 315px; padding-left: 20px; }
2019-04-02 19:54:29 +02:00
2019-05-14 19:59:47 +02:00
#newsletter #mc_embed_signup form #mc_embed_signup_scroll input { border-radius: 30px; height: 31px; box-shadow: none; border: none; }
2019-04-05 00:19:26 +02:00
2019-05-14 19:59:47 +02:00
#newsletter #mc_embed_signup form #mc_embed_signup_scroll .clear input { background: #ffffff; margin-left: -30px; }
2019-04-02 19:54:29 +02:00
2019-05-09 00:26:27 +02:00
#home .content { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#home .content > p { position: relative; width: calc(100% / 3); padding: 50px 20px; margin-top: 10px; }
#home .content > p img { position: absolute; width: auto; height: 50px; top: -20px; left: 50%; transform: translate(-50%); }
#home .content > p:nth-of-type(n+4) { width: calc(100% / 4); }
#home .content > p:last-child { width: auto !important; margin-top: 0 !important; margin: auto; }
#home .content > p:last-child a { display: block; padding: 10px 20px; text-align: center; border: 2px solid #b5cb3a; border-radius: 30px; margin: auto; transition: background-color 0.3s ease; }
2019-05-27 17:03:03 +02:00
#item .content { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
2019-05-09 00:26:27 +02:00
2019-05-31 23:37:11 +02:00
#item .content .images_s { width: 40%; margin-right: 15px; }
2019-05-09 00:26:27 +02:00
#item .content .images_s img { margin-bottom: 15px; }
2019-05-27 17:03:03 +02:00
#item .content .content_s { width: calc(60% - 30px); }
#item .content .icones { margin: 70px 0; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; width: 100%; }
2019-05-09 00:26:27 +02:00
2019-05-27 17:03:03 +02:00
#item .content .icones .icon { height: 50px; width: auto; max-width: 200px; }
#item .content .icones .icon img { height: 50px; width: 100%; }
#item .content .icones .icon p { text-align: center; }
2019-05-14 19:59:47 +02:00
2019-05-31 23:37:11 +02:00
#devis { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background-image: url("/user/themes/lecampus/images/Trame-bleu.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; }
2019-05-14 19:59:47 +02:00
#devis .title { width: 200px; height: 200px; background: #9e0027; border-radius: 200px; transform: translateX(80px); }
2019-05-09 00:26:27 +02:00
2019-05-14 19:59:47 +02:00
#devis .title h4 { text-align: center; color: white; margin: 50% 10px 0 10px; transform: translateY(-50%); }
2019-05-09 00:26:27 +02:00
2019-05-27 17:03:03 +02:00
#devis .txt { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: white; width: 25%; margin-right: 20px; height: 250px; }
2019-05-09 00:26:27 +02:00
2019-05-14 19:59:47 +02:00
#devis .txt p { padding: 20px 20px 20px 100px; color: black; text-align: left; }
2019-05-09 00:26:27 +02:00
2019-05-14 19:59:47 +02:00
#devis .txt p strong { font-size: 1.3rem; }
2019-05-09 00:26:27 +02:00
2019-05-27 17:03:03 +02:00
#devis .demander-votre-devis { margin-top: 0; transform: translateX(-200px); }
2019-05-09 00:26:27 +02:00
2019-05-14 19:59:47 +02:00
#devis .img { width: 400px; height: 300px; overflow: hidden; }
2019-05-09 00:26:27 +02:00
2019-05-14 19:59:47 +02:00
#devis .img img { width: auto; height: 400px; }
2019-05-09 00:26:27 +02:00
2019-05-27 17:03:03 +02:00
#devis.item, #devis.sublog { background: #9e0027; height: auto; padding: 20px 0; }
#devis.item a, #devis.sublog a { color: white; }
2019-05-14 19:59:47 +02:00
2019-05-27 17:03:03 +02:00
#devis.item a .title, #devis.sublog a .title { vertical-align: baseline; border-radius: 30px; border: 1px solid white; padding: 5px 20px; height: 35px; width: auto; transform: translateX(0); }
2019-05-14 19:59:47 +02:00
2019-05-27 17:03:03 +02:00
#devis.item a:hover, #devis.sublog a:hover { color: black; }
2019-05-09 00:26:27 +02:00
2019-05-27 17:03:03 +02:00
#devis.item a:hover .title, #devis.sublog a:hover .title { background: white; transition: background 0.3s ease; }
2019-05-09 00:26:27 +02:00
#reco { background: #00407d; }
2019-05-14 19:59:47 +02:00
#reco .title { display: -ms-flexbox; display: flex; cursor: pointer; width: 100%; padding: 10px; }
2019-05-27 17:03:03 +02:00
#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; }
2019-05-09 00:26:27 +02:00
2019-05-27 17:03:03 +02:00
#reco .title h2::after { display: -ms-inline-flexbox; display: inline-flex; margin-left: 10px; content: " "; background: url("../images/fleche-top.svg"); background-size: 15px 18px; background-repeat: no-repeat; width: 15px; height: 18px; }
2019-05-09 00:26:27 +02:00
2019-05-14 19:59:47 +02:00
#reco .title.open h5:after { transform: rotate(180deg); }
2019-05-09 00:26:27 +02:00
2019-05-14 19:59:47 +02:00
#reco .txt { z-index: -1; position: absolute; width: 100%; padding-top: 20px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; transform: translateY(-100%); }
2019-05-09 00:26:27 +02:00
2019-05-28 16:46:46 +02:00
#reco .txt p { color: white; width: 300px; }
2019-05-09 00:26:27 +02:00
#reco .txt p a { color: white; text-decoration: underline; }
2019-05-14 19:59:47 +02:00
#reco .txt.open { z-index: 999; background: #00407d; }
2019-05-28 16:46:46 +02:00
#reco .txt.open .item { display: block; }
#reco .txt h3 { color: #b5cb3a; }
#reco .item { display: none; margin: 0 0px 20px 20px; border-left: 1px solid white; padding-left: 20px; }
#reco .item img { width: 50px; margin-bottom: 10px; }
2019-05-09 00:26:27 +02:00
.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%; }
2019-05-14 19:59:47 +02:00
#event .title { width: 45%; margin: auto; }
2019-05-09 00:26:27 +02:00
#event .head-event .tags { width: 100%; }
#event .head-event .tags.professionnels { background-color: #9e0027; }
#event .head-event .tags.grand_public { background-color: #0093a3; }
#event .head-event .tags.formations { background-color: #6e6f70; }
#event .head-event .tags.publics { padding: 2.5px 10px; color: white; }
2019-05-14 19:59:47 +02:00
#event .card-header { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; width: 100%; }
#event .card-header.professionnels { background-color: #9e0027; }
#event .card-header.grand_public { background-color: #0093a3; }
#event .card-header.formations { background-color: #6e6f70; }
#event .card-header .publics { text-align: right; }
#event .card-header .publics.publics { padding: 2.5px 10px; color: white; }
2019-05-09 00:26:27 +02:00
#event .card-body { padding: 15px; background-image: url("/user/themes/lecampus/images/Trame-bleu.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; }
2019-05-14 19:59:47 +02:00
#event .card-content { margin-top: 20px; }
.demander-votre-devis { padding: 10px; z-index: 999; background: #9e0027; position: absolute; width: 200px; height: 200px; right: 100px; margin-top: -100px; color: white; text-align: center; }
.demander-votre-devis strong { font-weight: bold !important; }
.demander-votre-devis a { color: white; }
.demander-votre-devis img { margin-top: 10px; width: 50px; }
#sublog .body-wrapper { background-image: url("../images/Trame-gris.svg"); background-repeat: no-repeat; }
2019-06-02 18:07:05 +02:00
#sublog .content { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 90%; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-pack: start; justify-content: start; }
2019-05-14 19:59:47 +02:00
#sublog .content > p { font-size: 1.2rem; font-family: "bold"; }
2019-05-28 16:46:46 +02:00
#sublog svg { pointer-events: none; }
2019-05-31 23:37:11 +02:00
#sublog .mapsalles { width: 50%; position: relative; }
2019-05-14 19:59:47 +02:00
2019-05-31 23:37:11 +02:00
#sublog .mapsalles .contour { position: relative; z-index: 1; pointer-events: none; display: inline-block; width: 100%; vertical-align: middle; overflow: hidden; }
2019-05-28 16:46:46 +02:00
2019-05-31 23:37:11 +02:00
#sublog .mapsalles .fond { position: absolute; display: inline-block; width: 100%; vertical-align: middle; overflow: hidden; z-index: 0; left: 0; top: 5.3%; }
2019-05-28 16:46:46 +02:00
#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; }
2019-05-31 23:37:11 +02:00
#sublog .txt { width: 30%; }
#sublog .content_salle { position: absolute; left: 50%; top: 300px; width: 30%; background: white; }
2019-05-14 19:59:47 +02:00
#sublog .content_salle > p { padding-left: 10px; }
#sublog .content_salle h3 { background: #0093a3; padding: 5px 10px; color: white; margin-top: 0; }
#sublog .content_salle h4 { background: #b5cb3a; font-size: 1.2rem; font-family: "bold"; padding: 5px 10px; }
2019-06-02 18:07:05 +02:00
#sublog .content_salle .bx-wrapper .bx-controls-auto, #sublog .content_salle .bx-wrapper .bx-pager { bottom: 10px !important; }
#sublog .content_salle .bx-pager-link { background: white !important; }
2019-05-27 17:03:03 +02:00
#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; }
2019-06-04 10:26:02 +02:00
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWUuY3NzIiwic291cmNlcyI6WyJ0aGVtZS5zY3NzIiwiY29uZmlndXJhdGlvbnMvX2ZvbnRzLnNjc3MiLCJjb25maWd1cmF0aW9ucy9fcmVzZXQuc2NzcyIsImNvbmZpZ3VyYXRpb25zL192YXJpYWJsZXMuc2NzcyIsImNvbmZpZ3VyYXRpb25zL19taXhpbnMuc2NzcyIsInRoZW1lL19hbmltYXRpb24uc2NzcyIsInRoZW1lL190eXBvZ3JhcGh5LnNjc3MiLCJ0aGVtZS9faG92ZXIuc2NzcyIsInRoZW1lL19oZWFkZXIuc2NzcyIsInRoZW1lL19tZW51LnNjc3MiLCJ0aGVtZS9fZm9vdGVyLnNjc3MiLCJ0aGVtZS9fbW9iaWxlLnNjc3MiLCJ0aGVtZS9fYmxvZy5zY3NzIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIENvcmUgdmFyaWFibGVzIGFuZCBtaXhpbnNcbkBpbXBvcnQgJ2NvbmZpZ3VyYXRpb25zL2ZvbnRzJztcbkBpbXBvcnQgJ2NvbmZpZ3VyYXRpb25zL3Jlc2V0JztcbkBpbXBvcnQgJ2NvbmZpZ3VyYXRpb25zL3ZhcmlhYmxlcyc7XG5AaW1wb3J0ICdjb25maWd1cmF0aW9ucy9taXhpbnMnO1xuXG5AaW1wb3J0ICd0aGVtZS9hbmltYXRpb24nO1xuQGltcG9ydCAndGhlbWUvdHlwb2dyYXBoeSc7XG5AaW1wb3J0ICd0aGVtZS9ob3Zlcic7XG5cbkBpbXBvcnQgJ3RoZW1lL2hlYWRlcic7XG5AaW1wb3J0ICd0aGVtZS9tZW51JztcbkBpbXBvcnQgJ3RoZW1lL2Zvb3Rlcic7XG5AaW1wb3J0ICd0aGVtZS9tb2JpbGUnOyBcblxuLy8gRXh0cmEgU2tlbGV0b24gU3R5bGluZ1xuQGltcG9ydCAndGhlbWUvYmxvZyc7XG4iLCIvLyBGb250IEZhbWlseVxuJGZvbnQtZmFtaWx5LWRlZmF1bHQ6ICBcdFx0XHRcIlJhbGV3YXlcIiwgXCJIZWx2ZXRpY2FcIiwgXCJUYWhvbWFcIiwgXCJHZW5ldmFcIiwgXCJBcmlhbFwiLCBzYW5zLXNlcmlmO1xuJGZvbnQtZmFtaWx5LWhlYWRlcjogIFx0XHRcdFwiTW9udHNlcnJhdFwiLCBcIkhlbHZldGljYVwiLCBcIlRhaG9tYVwiLCBcIkdlbmV2YVwiLCBcIkFyaWFsXCIsIHNhbnMtc2VyaWY7XG4kZm9udC1mYW1pbHktbW9ubzogXHRcdFx0XHRcIkluY29uc29sYXRhXCIsIG1vbm9zcGFjZTtcbiRmb250LWZhbWlseS1zZXJpZjpcdFx0XHRcdFwiR2VvcmdpYVwiLCBcIlRpbWVzXCIsIFwiVGltZXMgTmV3IFJvbWFuXCIsIHNlcmlmO1xuLy8gQGZvbnQtZmFjZVxuXG4kdHlwbzogXCJhaWxlcm9uX3JlZ3VsYXJcIjtcbiRjYXRlZ29yeTogXCJzYW5zLXNlcmlmXCI7XG4kZmlsZTogXCJBaWxlcm9uLVJlZ3VsYXItd2ViZm9udFwiO1xuJFJlZ3VsYXI6IFwiUmVndWxhclwiO1xuXG5AbWl4aW4gZm9udC1mYWNlKCRSZWd1bGFyLCAkZmlsZSwgJHR5cG8sICRjYXRlZ29yeTpcIlwiKSB7XG4gICAgJGZpbGVwYXRoOiBcIi4uL2ZvbnRzL1wiICsgJHR5cG8gKyBcIi9cIiArICRmaWxlO1xuICAgIEBmb250LWZhY2Uge1xuICAgICAgICBmb250LWZhbWlseTogXCIjeyRSZWd1bGFyfVwiO1xuICAgICAgICBzcmM6IHVybCgkZmlsZXBhdGggKyBcIi5lb3RcIik7XG4gICAgICAgIHNyYzogdXJsKCRmaWxlcGF0aCArIFwiLmVvdD8jaWVmaXhcIikgZm9ybWF0KCdlbWJlZGRlZC1vcGVudHlwZScpLFxuICAgICAgICAgICAgICB1cmwoJGZpbGVwYXRoICsgXCIud29mZlwiKSBmb3JtYXQoJ3dvZmYnKSxcbiAgICAgICAgICAgICAgdXJsKCRmaWxlcGF0aCArIFwiLnR0ZlwiKSAgZm9ybWF0KCd0cnVldHlwZScpLFxuICAgICAgICAgICAgICB1cmwoJGZpbGVwYXRoICsgXCIuc3ZnI1wiICsgJFJlZ3VsYXIgKyBcIlwiKSBmb3JtYXQoJ3N2ZycpO1xuICAgIH1cblxuICAgICUjeyRSZWd1bGFyfSB7XG4gICAgICAgIGZvbnQ6IHtcbiAgICAgICAgICAgIEBpZiAkY2F0ZWdvcnkgIT0gXCJcIiB7XG4gICAgICAgICAgICAgICAgZmFtaWx5OiBcIiN7JFJlZ3VsYXJ9XCIsICN7JGNhdGVnb3J5fTtcbiAgICAgICAgICAgICAgICB3ZWlnaHQ6IG5vcm1hbDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIEBlbHNlIHtcbiAgICAgICAgICAgICAgICBmYW1pbHk6IFwiI3skUmVndWxhcn1cIjtcbiAgICAgICAgICAgICAgICB3ZWlnaHQ6IG5vcm1hbDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbn1cblxuJHR5cG8yOiBcImFpbGVyb25fYm9sZFwiO1xuJGZpbGUyOiBcIkFpbGVyb24tQm9sZC13ZWJmb250XCI7XG4kQm9sZDogXCJib2xkXCI7XG5cbkBtaXhpbiBmb250LWZhY2UoJEJvbGQsICRmaWxlMiwgJHR5cG8yLCAkY2F0ZWdvcnk6XCJcIikge1xuICAgICRmaWxlcGF0aDogXCIuLi9mb250cy9cIiArICR0eXBvMiArIFwiL1wiICsgJGZpbGUyO1xuICAgIEBmb250LWZhY2Uge1xuICAgICAgICBmb250LWZhbWlseTogXCIjeyRCb2xkfVwiO1xuICAgICAgICBzcmM6IHVybCgkZmlsZXBhdGggKyBcIi5lb3RcIik7XG4gICAgICAgIHNyYzogdXJsKCRmaWxlcGF0aCArIFwiLmVvdD8jaWVmaXhcIikgZm9ybWF0KCdlbWJlZGRlZC1vcGVudHlwZScpLFxuICAgICAgICAgICAgICB1cmwoJGZpbGVwYXRoICsgXCIud29mZlwiKSBmb3JtYXQoJ3dvZmYnKSxcbiAgICAgICAgICAgICAgdXJsKCRmaWxlcGF0aCArIFwiLnR0ZlwiKSAgZm9ybWF0KCd0cnVldHlwZScpLFxuICAgICAgICAgICAgICB1cmwoJGZpbGVwYXRoICsgXCIuc3ZnI1wiICsgJEJvbGQgKyBcIlwiKSBmb3JtYXQoJ3N2ZycpO1xuICAgIH1cblxuICAgICUjeyRCb2xkfSB7XG4gICAgICAgIGZvbnQ6IHtcbiAgICAgICAgICAgIEBpZiAkY2F0ZWdvcnkgIT0gXCJcIiB7XG4gICAgICAgICAgICAgICAgZmFtaWx5OiBcIiN7JEJvbGR9XCIsICN7JGNhdGVnb3J5fTtcbiAgICAgICAgICAgICAgICB3ZWlnaHQ6IG5vcm1hbDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIEBlbHNlIHtcbiAgICAgICAgICAgICAgICBmYW1pbHk6IFwiI3skQm9sZH1cIjtcbiAgICAgICAgICAgICAgICB3ZWlnaHQ6IG5vcm1hbDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbn1cblxuXG4kdHlwbzM6IFwibm93X2FsdFwiO1xuJGZpbGUzOiBcIm5vd2FsdC1ib2xkLXdlYmZvbnRcIjtcbiRub3dfYWx0X2JvbGQ6