@charset "UTF-8"; /*NE PAS MODIFIER LE FICHIER .CSS, MAIS PLUTÔT LE FICHIER .SCSS */ /* LEGACY COLORS*/ /* COLORS */ /* Header */ /* Général */ /* Le reste */ /* Titres */ /* FONTS */ /* line 2, ../sass/_messages.scss */ .message-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } /* line 7, ../sass/_messages.scss */ .message-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } /* line 12, ../sass/_messages.scss */ .message-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } /* line 17, ../sass/_messages.scss */ .message-error { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } /* line 22, ../sass/_messages.scss */ .alert { margin-bottom: 0; } /* line 2, ../sass/_header.scss */ .strong-banner { padding-top: 20px; padding-bottom: 10px; background-color: #375362; color: white; } /* line 10, ../sass/_header.scss */ .navbar-inverse { background-color: #375362; background-color: transparent; border-style: none; } /* line 15, ../sass/_header.scss */ .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover { color: #fff; background-color: #5D8CA6; } /* line 24, ../sass/_header.scss */ .navbar-collapse { border-top: 0px solid transparent; padding: 0px; /* only < 768px*/ background-color: #5D8CA6; padding-left: 25px; margin-left: -15px; margin-right: -15px; } @media (min-width: 768px) { /* line 24, ../sass/_header.scss */ .navbar-collapse { background-color: transparent; padding-left: 0px; margin-left: 0px; margin-right: 0px; } } /* line 43, ../sass/_header.scss */ .navbar-nav { width: 100%; } @media (min-width: 768px) { /* line 43, ../sass/_header.scss */ .navbar-nav { float: right; width: auto; } } /* line 51, ../sass/_header.scss */ .navbar-inverse { /* BRAND */ /* ICONE */ /* LINKS */ } /* line 54, ../sass/_header.scss */ .navbar-inverse .navbar-brand, .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: white; font-family: "Lily Script One", cursive; font-size: xx-large; border-bottom: 5px solid #FF5C79; } /* line 65, ../sass/_header.scss */ .navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #FFB363; border-color: #FFB363; } /* line 71, ../sass/_header.scss */ .navbar-inverse .navbar-toggle .icon-bar { background-color: #FFF5EB; } /* line 78, ../sass/_header.scss */ .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { font-family: "Work Sans", cursive; font-size: large; color: #FFB363; background: transparent; } @media (min-width: 768px) { /* line 78, ../sass/_header.scss */ .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #FFF5EB; } } /* line 108, ../sass/_forms.scss */ .btn-primary { /** * This mixins allows defining color-related properties of buttons. * * It sets the following properties: * color: $color, except for disabled-like buttons. * border-color: $border. * background-color: Depending on button state: * - Default, disabled: * $background-base * - Hovered, focused, actived, responsible of an opened dropdown: * (one is sufficent) * $background-special * * ## Bootstrap compatibility * * This mixin can be used to replace colors behaviors of Bootstrap buttons. * Indeed, this mixin aims to replace each definition done by the * 'button-variant' Bootstrap mixin. * */ color: white; background-color: #FF6969; border-color: #FF6969; /** * This mixin applies content if the button is in at least one of the * following states: * * - hovered, * - focused, * - actived, * - is responsible of an opened dropdown. * * Where possible, state is checked from class attribute and * :pseudo-classes. * * ## Bootstrap compatibility * * If content defines 'color', 'background-color' and 'border', it is safe * to use this mixin with Bootstrap buttons as it will overrides all * Bootstrap color defaults of the previous cases. * To be precise, this covers all special important-like cases of the * Bootstrap mixin 'button-variant' (except the 'disabled' case). * */ } /* line 10, ../sass/_forms.scss */ .btn-primary:focus, .btn-primary.focus, .btn-primary:hover { color: white; background-color: #FF9191; border-color: #FF6969; } /* line 3, ../sass/_forms.scss */ .btn-primary:active, .btn-primary.active { color: white; background-color: #FF9191; border-color: #FF6969; } /* line 10, ../sass/_forms.scss */ .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary:active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .btn-primary.active:hover { color: white; background-color: #FF9191; border-color: #FF6969; } /* line 26, ../sass/_forms.scss */ .open > .btn-primary.dropdown-toggle { color: white; background-color: #FF9191; border-color: #FF6969; } /* line 10, ../sass/_forms.scss */ .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:hover { color: white; background-color: #FF9191; border-color: #FF6969; } /* line 10, ../sass/_forms.scss */ .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:hover { background-color: #FF6969; border-color: #FF6969; } /* line 102, ../sass/_forms.scss */ .btn-primary .badge { color: #FF6969; background-color: white; } /* line 113, ../sass/_forms.scss */ form#filter_form .form-group { padding-right: 20px; } /* line 117, ../sass/_forms.scss */ form#filter_form ul.form-control { background-color: transparent; border: none; box-shadow: none; } /* line 2, ../sass/_tree.scss */ .tree { font-size: large; } /* line 4, ../sass/_tree.scss */ .tree ul, .tree li { position: relative; } /* line 8, ../sass/_tree.scss */ .tree ul { list-style: none; padding-left: 32px; } /* line 13, ../sass/_tree.scss */ .tree li::before, .tree li::after { content: ""; position: absolute; left: -12px; } /* line 19, ../sass/_tree.scss */ .tree li::before { border-top: 3px solid #FFC282; top: 9px; width: 8px; height: 0; } /* line 25, ../sass/_tree.scss */ .tree li::after { border-left: 3px solid #FFC282; height: 100%; width: 0px; top: 2px; } /* line 31, ../sass/_tree.scss */ .tree ul > li:last-child::after { height: 8px; } /* line 4, ../sass/_filters.scss */ #filter_form .form-group .col-md-3, #filter_form .form-group .col-md-9 { float: none; } /* line 7, ../sass/_filters.scss */ #filter_form .form-group ul.form-control { padding-left: 15px; list-style: none; height: auto; } /* line 12, ../sass/_filters.scss */ #filter_form .form-group ul.form-control a.selected { text-decoration: underline; color: #c40000; } /* line 18, ../sass/_dashed-shadows.scss */ .dashed-shadow { position: relative; top: 8px; left: 8px; display: inline-block; color: #ba9186; } /* line 25, ../sass/_dashed-shadows.scss */ .dashed-shadow:before { content: " "; display: block; position: absolute; top: -8px; left: -8px; bottom: -2px; right: -2px; z-index: 1; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIxMi41JSIgc3RvcC1jb2xvcj0iI2U4ZTNjNyIvPjxzdG9wIG9mZnNldD0iMTIuNSUiIHN0b3AtY29sb3I9IiNlOGUzYzciIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIzNy41JSIgc3RvcC1jb2xvcj0iI2U4ZTNjNyIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjM3LjUlIiBzdG9wLWNvbG9yPSIjZThlM2M3Ii8+PHN0b3Agb2Zmc2V0PSI2Mi41JSIgc3RvcC1jb2xvcj0iI2U4ZTNjNyIvPjxzdG9wIG9mZnNldD0iNjIuNSUiIHN0b3AtY29sb3I9IiNlOGUzYzciIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI4Ny41JSIgc3RvcC1jb2xvcj0iI2U4ZTNjNyIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg3LjUlIiBzdG9wLWNvbG9yPSIjZThlM2M3Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -moz-linear-gradient(45deg, #e8e3c7 12.5%, rgba(232, 227, 199, 0) 12.5%, rgba(232, 227, 199, 0) 37.5%, #e8e3c7 37.5%, #e8e3c7 62.5%, rgba(232, 227, 199, 0) 62.5%, rgba(232, 227, 199, 0) 87.5%, #e8e3c7 87.5%); background-image: -webkit-linear-gradient(45deg, #e8e3c7 12.5%, rgba(232, 227, 199, 0) 12.5%, rgba(232, 227, 199, 0) 37.5%, #e8e3c7 37.5%, #e8e3c7 62.5%, rgba(232, 227, 199, 0) 62.5%, rgba(232, 227, 199, 0) 87.5%, #e8e3c7 87.5%); background-image: linear-gradient(45deg, #e8e3c7 12.5%, rgba(232, 227, 199, 0) 12.5%, rgba(232, 227, 199, 0) 37.5%, #e8e3c7 37.5%, #e8e3c7 62.5%, rgba(232, 227, 199, 0) 62.5%, rgba(232, 227, 199, 0) 87.5%, #e8e3c7 87.5%); background-size: 6px 6px; } /* line 54, ../sass/_dashed-shadows.scss */ .dashed-shadow:hover:before { animation: dash-animation 30s infinite linear; } /* line 58, ../sass/_dashed-shadows.scss */ .dashed-shadow:after { z-index: 2; content: attr(data-text); position: absolute; left: -8px; top: -8px; color: #b85b3f; text-shadow: 3px 3px #e8e3c7; } /* MISE EN FORME GÉNÉRALE */ /* line 12, ../sass/global.scss */ html { height: 100%; background-color: #FFFBEF; } /* line 17, ../sass/global.scss */ body { font-family: "Saira Semi Condensed", sans-serif; font-size: medium; } /* line 22, ../sass/global.scss */ #principal { background-color: #FFFBEF; } /*MAIN*/ /* line 27, ../sass/global.scss */ main { background-color: #FFFBEF; border-width: 2px; border-color: #375362; border-style: none; border-collapse: collapse; display: table-cell; margin-top: 0px; padding: 0px; } /* line 37, ../sass/global.scss */ main .fuid, main h1, main h2, main h3 { margin-left: -15px; margin-right: -15px; margin-top: 0px; margin-bottom: 0px; } /* line 43, ../sass/global.scss */ main h1, main h2, main h3 { margin-top: -2px; margin-bottom: -2px; margin-left: -17px; margin-right: -17px; color: white; padding-left: 15px; padding-right: 15px; } /* line 52, ../sass/global.scss */ main h1 { font-family: "Capriola", sans-serif; font-weight: 600; padding-bottom: 10px; padding-top: 15px; background-color: #4F778C; } /* line 59, ../sass/global.scss */ main h1.activity { background-color: #4FADB8; } /* line 62, ../sass/global.scss */ main h1.event { background-color: #3488A6; } /* line 65, ../sass/global.scss */ main h1.todo { background-color: #F19F5D; } /* line 68, ../sass/global.scss */ main h1.equipment { background-color: #E75571; } /* line 71, ../sass/global.scss */ main h1.staff { background-color: #3BAD89; } /* line 75, ../sass/global.scss */ main h2, main h3 { border-bottom: 2px solid #5D8CA6; padding-bottom: 5px; padding-top: 10px; font-family: "Capriola", sans-serif; font-weight: 600; font-size: x-large; background-color: #BDD2DE; } /* line 84, ../sass/global.scss */ main h2.activity, main h3.activity { background-color: #5ED1DC; border-color: #4FADB8; } /* line 88, ../sass/global.scss */ main h2.event, main h3.event { background-color: #3999BA; border-color: #3488A6; } /* line 92, ../sass/global.scss */ main h2.todo, main h3.todo { background-color: #FF9C4D; border-color: #F19F5D; } /* line 96, ../sass/global.scss */ main h2.equipment, main h3.equipment { background-color: #FF5C79; border-color: #E75571; } /* line 100, ../sass/global.scss */ main h2.staff, main h3.staff { background-color: #42C2A2; border-color: #3BAD89; } /* line 105, ../sass/global.scss */ main h3 { background-color: #F0FAFF; color: #4F778C; } /* line 108, ../sass/global.scss */ main h3.activity { background-color: #F0FAFF; color: #5ED1DC; } /* line 112, ../sass/global.scss */ main h3.event { background-color: #F0FAFF; color: #3999BA; } /* line 116, ../sass/global.scss */ main h3.todo { background-color: #F0FAFF; color: #FF9C4D; } /* line 120, ../sass/global.scss */ main h3.equipment { background-color: #F0FAFF; color: #FF5C79; } /* line 124, ../sass/global.scss */ main h3.staff { background-color: #F0FAFF; color: #42C2A2; } /* line 129, ../sass/global.scss */ main a { color: #FF6969; } /* line 132, ../sass/global.scss */ main a:hover, main a:active, main a:focus { color: #FF6969; } /* line 139, ../sass/global.scss */ main .text { padding: 15px; } /*ASIDE*/ /* line 145, ../sass/global.scss */ aside { background-color: #375362; color: white; margin-top: 0px; padding: 0px !important; } /* line 151, ../sass/global.scss */ aside a { color: #FF9191; } /* line 154, ../sass/global.scss */ aside a:hover, aside a:active, aside a:focus { color: #FF9191; } /* line 161, ../sass/global.scss */ aside code { color: #375362; background-color: #BDD2DE; } /* line 166, ../sass/global.scss */ aside .heading { padding: 8px 15px; font-size: 32px; line-height: 1.3; text-align: center; } /* line 172, ../sass/global.scss */ aside .heading.inverted { background-color: #FFF5EB; color: black; } /* line 177, ../sass/global.scss */ aside .heading.small { font-size: 25px; } /* line 180, ../sass/global.scss */ aside .heading.small .sub { font-size: 0.7em; font-weight: normal; } /* line 186, ../sass/global.scss */ aside .heading .sub { font-size: 0.7em; font-weight: normal; } /* line 191, ../sass/global.scss */ aside .heading.separator { border-bottom-color: #FF9191; border-bottom-style: solid; } /* line 197, ../sass/global.scss */ aside .text { padding: 15px; } /* line 200, ../sass/global.scss */ aside .text.inverted { background-color: #FFF5EB; color: black; } @media (min-width: 768px) { /* line 209, ../sass/global.scss */ main { margin-top: 20px; border-style: dashed; } /* line 213, ../sass/global.scss */ aside { margin-top: 20px; } } /* line 218, ../sass/global.scss */ hr { border-top: 1px solid #FFB363; } /* line 223, ../sass/global.scss */ span.vsep { padding-left: 5px; padding-right: 5px; } /* line 228, ../sass/global.scss */ div.tag-list { margin-top: 20px; } /* line 232, ../sass/global.scss */ code { font-size: small; } /* line 236, ../sass/global.scss */ .module-list { margin-top: 10px; margin-bottom: 10px; display: flex; align-items: stretch; flex-wrap: wrap; } /* line 244, ../sass/global.scss */ a.module { padding: 20px 40px; margin: 5px; border-bottom-style: solid; font-size: large; display: block; border-bottom-color: #375362; background-color: #BDD2DE; color: #375362; } /* line 256, ../sass/global.scss */ a.module.activity { border-bottom-color: #4FADB8; background-color: #CAE4E7; color: #4FADB8; } /* line 262, ../sass/global.scss */ a.module.event { border-bottom-color: #3488A6; background-color: #AAD5E2; color: #3488A6; } /* line 268, ../sass/global.scss */ a.module.todo { border-bottom-color: #F19F5D; background-color: #FFDEBC; color: #F19F5D; } /* line 274, ../sass/global.scss */ a.module.equipment { border-bottom-color: #E75571; background-color: #FECAD6; color: #E75571; } /* line 280, ../sass/global.scss */ a.module.staff { border-bottom-color: #3BAD89; background-color: #A9E1D7; color: #3BAD89; } /* line 286, ../sass/global.scss */ a.module:hover, a.module:active, a.module:focus { text-decoration: none; color: #F0FAFF; background-color: #375362; } /* line 293, ../sass/global.scss */ a.module:hover.activity, a.module:active.activity, a.module:focus.activity { background-color: #5ED1DC; } /* line 296, ../sass/global.scss */ a.module:hover.event, a.module:active.event, a.module:focus.event { background-color: #3999BA; } /* line 299, ../sass/global.scss */ a.module:hover.equipment, a.module:active.equipment, a.module:focus.equipment { background-color: #FF5C79; } /* line 302, ../sass/global.scss */ a.module:hover.todo, a.module:active.todo, a.module:focus.todo { background-color: #FF9C4D; } /* line 305, ../sass/global.scss */ a.module:hover.staff, a.module:active.staff, a.module:focus.staff { background-color: #42C2A2; } /* line 311, ../sass/global.scss */ .collapsible { background-color: #777; color: white; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; } /* line 322, ../sass/global.scss */ .collapsible:after { content: '\002B'; color: white; font-weight: bold; float: right; margin-left: 5px; } /* line 330, ../sass/global.scss */ .collapsible:hover { background-color: #555; } /* line 334, ../sass/global.scss */ .collapsible h3 { margin-top: 0px; margin-bottom: 0px; display: inline-block; } /* line 341, ../sass/global.scss */ .active { background-color: #555; } /* line 344, ../sass/global.scss */ .active:after { content: "\2212"; } /* line 348, ../sass/global.scss */ .content { padding: 8px 18px; display: none; background-color: #f1f1f1; } /* line 353, ../sass/global.scss */ .content.fluid { padding: 0px 0px; background-color: transparent; } /* line 358, ../sass/global.scss */ .content h4 { font-size: x-large; font-weight: bold; display: inline-block; margin: 0px 0px; } /* line 367, ../sass/global.scss */ .planning .activity { padding: 8px 18px; padding-top: 8px; padding-bottom: 12px; border-left: none; border-right: 6px solid #FF9191; } /* line 375, ../sass/global.scss */ .planning .activity.inverted { border-left: 6px solid #FF9191; border-right: none; } /* line 380, ../sass/global.scss */ .planning .activity .activity-title { font-size: large; } /* line 387, ../sass/global.scss */ .glyphicon.yes { color: #55C487 !important; } /* line 390, ../sass/global.scss */ .glyphicon.no { color: #E36268 !important; } /* line 393, ../sass/global.scss */ .glyphicon.dunno { color: #5599C4 !important; } /* line 398, ../sass/global.scss */ .sending-request { position: relative; } /* line 401, ../sass/global.scss */ .sending-request:after { content: "Chargement..."; position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.8; color: #777; text-align: center; box-sizing: border-box; z-index: 5; top: 0; left: 0; padding: 8%; }