html,body { background-color : #A7D4CD; /* font-family: 'Hind', sans-serif; */ font-family: 'Roboto', sans-serif; } #principal { background-color : white; padding : 0; } @font-face { font-family: 'Droid Serif'; font-style: normal; font-weight: bold; src: local('Droid Serif Bold'), local('DroidSerif-Bold'), url('droidserif.woff') format('woff'); } .no-padding { padding : 0; } .espace { clear: both; min-height : 30px; } .no-bottom-margin { margin-bottom: 0px !important; } .spacer { clear: both; } a { color: #111; background: transparent; } a:hover { color: #444; background: transparent; text-decoration: none; } form#profile table { border-collapse: collapse; } table#bda_formset { width: 100%; } .bda-field-spectacle select { width: 96%; margin: 0 2%; } .bda-field-double_choice select { width: 94%; margin: 0 3%; } .bda-field-double, .bda-field-autoquit, .bda-field-priority { text-align: center; } .bda-field-double { width: 15%; } .bda-field-autoquit { width: 15%; } .tools-cell { width: 32px; } /* .tools { width: 32px; } .tools a.icon.drag-handler, .tools a.icon.delete-handler { float: left; } .tools a.icon.drag-handler { margin-right: 5px; }*/ .form-horizontal .form-group { margin-right: 0px; margin-left: 0px; } form .control-label { color: #B56A59; } .remove-btn { color: #E6516A !important; font-size: large; } .drag-btn { color :#4F504B !important; font-size: large; } .btn-primary, .btn-primary:active, .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #DE826B; border-color: #AB6452; } .btn-primary:active:hover, .btn-primary:hover { color: #fff; background-color: #D89C8D; border-color: #AB6452; } label { font-weight: normal; } form#bda_form { margin-top:15px; } form#bda_form p { font-size: 0.8em; } form#bda_form thead { color : #B56A59 } form#bda_form label.control-label { display: none; } form#bda_form .form-group { margin-top : 15px; } form#bda_form thead { background-color: #F7F7F7; } form#bda_form { margin-top: 0px; margin-left: -20px; margin-right: -20px; } table#bda_formset { border-spacing: 0px 5px; } table#bda_formset th:first-child { padding-left: 20px; } form.petit-cours_form table#bda_formset td:first-child, form.petit-cours_form table#bda_formset th:first-child { padding-left: 20px; } form.petit-cours_form table#bda_formset td:last-child, form.petit-cours_form table#bda_formset th:last-child { padding-right: 20px; } form.petit-cours_form .remove-btn { margin-top : 10px; } tr.dynamic-form td { background: #F0F0F0; } tr.dynamic-form.predelete td { background-color: #FFECEC; } tr.ui-sortable-placeholder td, .placeholder-cell { background: transparent; } /* tr.dynamic-form td { border-width: 1px 1px 1px 0px; border-style: solid; border-color: #888; background: #EEE; } tr.dynamic-form td:first-child { border-left-width: 1px; } tr.dynamic-form.predelete td { background-color: #FFECEC; border-width: 1px 1px 1px 0px; border-style: solid; border-color: #CCC; } tr.dynamic-form.predelete td:first-child { border-top-left-radius: 10px; border-bottom-left-radius: 10px; border: 1px solid #CCC; } tr.dynamic-form.predelete td:last-child { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .ui-sortable-helper { } tr.ui-sortable-placeholder td, .placeholder-cell { background: transparent; border-width: 1px 1px 1px 0px; border-style: solid; border-color: #CCC; } tr.ui-sortable-placeholder td:first-child { border-top-left-radius: 10px; border-bottom-left-radius: 10px; border: 1px solid #CCC; } tr.ui-sortable-placeholder td:last-child { border-top-right-radius: 10px; border-bottom-right-radius: 10px; }*/ form { padding: 0; } #form-placeholder { margin-top: 15px; } #form-placeholder form#profile { margin-top: 10px; } form#profile table td, form#profile table th { width: 400px; } /* centered columns styles */ .row-centered { text-align:center; } .col-centered { display:inline-block; float:none; /* reset the text-align */ text-align:left; /* inline-block space fix */ } form#profile table th { text-align: right; } fieldset { border: 0; margin: 0; padding: 0; float: left; clear: none; width: auto; } fieldset legend { display: none; } #main-login-container { margin-top : 7em; margin-bottom: 7em; } #main-login-container .banner { padding-right: 15px; padding-left: 15px; } #main-login { background-color: #DE826B; } #main-login .btn-primary { background-color: #B56A59 } .title-link { float: none; display: block; } @media (min-width: 480px) { .title-link { float: right !important; } } #main-content { background-color: white ; padding: 20px; } #main-content a, #main-content a:hover { color : #D81138; } #main-content h3 { font-weight: 700; font-size: large; color:#DE826B; } #main-content h4 { color:#DE826B; } #main-content h2, #main-content h3.horizontal-title { display : block; padding : 12px; margin: -20px -20px 10px -20px ; font-family: 'Dosis', sans-serif; font-weight: 700; color: white; border-style: solid; border-color: #4F504B; } #main-content h2 { font-size: x-large; background-color:#DE826B; border-width: 0px 0px 5px 0px; } #main-content h2 a { color : #C9E5E1; } #main-content h2 a:hover { color : #ABB8B6; } #main-content h3.horizontal-title { font-weight: 700; font-size: large; background-color:#EAA594; border-width: 0px 0px 3px 0px; } /* main-container { max-width: 95%; width: 1000px; margin: 7em auto; display: block; }*/ /* #main { border: 15px solid #333; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 2em; box-shadow: 0 0 100px #AAA inset; }*/ /* #main #main-content { font-size: 1.25em; margin-top: 10px; } #main #main-content ul { line-height: 1.3em; } #main h1 { font-size: 3em; } #main h1 a { color: #333; text-decoration: none; } #main h2 { font-size: 1.5em; margin-bottom: 10px; } #main h3 { font-size: 1.3em; margin-top: 5px; } #main h4 { margin-top: 10px; font-weight: bold; } #main p { margin-top: 8px; margin-bottom: 8px; }*/ .home-link { font-family: 'Dosis', sans-serif; font-weight: 700; font-size: large ; } .banner h1 { display : inline; } .block-title { display : block; padding : 10px; font-family: 'Dosis', sans-serif; font-weight: 700; } h3.block-title { color: white; background-color:#DE826B; border-style: solid; border-width: 0px 0px 5px 0px; border-color: #4F504B; } h4.block-title { color: white; background-color:#EAA594; border-style: solid; border-width: 0px 0px 2px 0px; border-color: #4F504B; } .hm-block h4 { color: #B56A59; } .hm-block { background-color : white ; padding : 15px; } .buro-user-hm, .normal-user-hm, .foot-banner{ padding-left : 0px; padding-right : 0px; } @media (min-width: 768px) { .buro-user-hm, .normal-user-hm, .foot-banner { padding-left : 15px; padding-right : 15px; } } .container-fluid { padding : 0; } .buro-user-hm h3.block-title { background: repeating-linear-gradient( 45deg, #DE826B, #DE826B 4px, #B56A59 4px, #B56A59 8px ); } .home-menu h3.block-title { font-size: large; text-transform: uppercase; } #main-content form li { list-style: none; } #main form ul.errorlist li { font-weight: bold; color: #B00000; background-color: transparent; list-style: disc; } .inscription-bottom { display: block; padding: 0px 20px 20px 20px ; margin-top : 15px; } .bda-prix { font-weight: bold; color:#DE826B; } .table-top { background-color: #F0F0F0; margin: -20px; margin-top: 0px; padding:20px; padding-bottom: 28px; padding-top: 8px; } form#bda_form ul.errorlist li { padding-left: 0px; list-style: none; } #main-login.login_block { padding: 2em; } #login_clipper, #login_outsider { height: 200px; text-align: center; font-size: 2em; font-weight: bold; text-decoration: none; color: #FFF; padding: 70px 20px 40px 20px; } #login_clipper { background-color: #49A5E3; } #login_clipper:hover { background-color: #71B5E3; } #login_outsider { background-color: #E36748; } #login_outsider:hover { background-color: #E38871; } #main-login label { font-size: 11px; } #main-login label span.accesskey { text-decoration: underline; } #main-login input { letter-spacing: 1px; } #main-login .btn-row { float: right; } .btn-submit, .btn-addmore { float: none; clear: none; display: inline; letter-spacing: 0; color: #333; padding: 5px; text-transform: uppercofe; font-variant: small-caps; border: 1px solid #ccc; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#CCC)); background: -moz-linear-gradient(19% 75% 90deg,#EEE, #CCC); background: linear-gradient(center top, #EEE, #CCC); } #main-login .btn-reset { float: none; clear: none; margin-left: 5px; border: 0; border-left: 1px solid #ddd; background: transparent; color: #777; text-transform: lowercase; letter-spacing: 0; } /* RESET --------------------------------- */ /* reset some properties for elements since defaults are not crossbrowser - http: //meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */ html,body,div,span,h1,h2,h3,h4,p,a,img,ul,li,fieldset,form,label,legend { margin: 0; padding: 0; border: 0; outline: 0; /* font-weight: inherit; font-style: inherit; font-family: inherit; */ font-size: 100%; vertical-align: baseline; } :focus { outline: 0; } ul { font-size: 1.1em; padding: 6px 0 6px 12px; } .home-menu ul { padding: 0px 0px 15px 0px; list-style-type: none; } .home-menu ul:last-child { padding: 0; list-style-type: none; } /* body { font: normal 400 62.5%/1.0 Verdana, sans-serif; background-color: #eee; color: #333; }*/ /* HEADER --------------------------------- */ header { background-color :#4F504B; font-size:large; color: white; padding: 0; } header .banner { padding-top : 15px; padding-bottom : 15px; } header a, header a:hover, header a:focus, header a:active { color : white ; } /* #header h1 { font-family: 'Droid Serif', serif; font-weight: bold; font-size: 18px; margin-bottom: 5px; float: left; }*/ .user-is-cof { color : #ADE297; } .user-is-not-cof { color: #EE8585; } /* #header #homelink { float: right; }*/ tt { font-weight: bold; } header h1 { font-family: 'Dosis', sans-serif; font-size: x-large; } header h2 { display : inline-block; } .member-status { float: left; display : block; width:100%; padding-top: 3px; } @media (min-width: 480px) { .member-status { float: right; display: inline; width: auto; } } .hidden-xxs { display: none; } @media (min-width: 480px) { .hidden-xxs { display: inline; } } .secondary { float:right; } header .btn-toolbar { float : left ; } header .btn-default { color: white; background-color: #4F504B; border-color: white; } header .btn-default:focus, header .btn-default.focus { color: white; background-color: #686965; border-color: white; } header .btn-default:hover { color: white; background-color: #686965; border-color: white; } header .btn-default:active, header .btn-default.active, header .open > .dropdown-toggle.btn-default { background-color: #686965; border-color: white; } /* FORMS --------------------------------- */ input[disabled], input[readonly] { color: #BBB; } input[type="text"], input[type=password] { border: 1px solid #888; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 0 3px #AAA inset; padding: 0px 2px 0px 2px; } input#search_autocomplete { width: 90%; font-size: 18px; height: 40px; padding: 10px 8px; margin: 0 auto; margin-top: 0px; display: block; color: #aaa; } input#search_autocomplete:focus { color: #343a4a; } input[type=number][readonly] { -moz-appearance:textfield; } input[type=number][readonly]::-webkit-inner-spin-button, input[type=number][readonly]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .autocomplete { margin-bottom:5px; } .yourlabs-autocomplete ul { list-style-type: none; padding: 0; margin: 0; font-size: 1.5em; } .yourlabs-autocomplete li { padding: 6px 5px; display: block; } .yourlabs-autocomplete li a { text-decoration: none; } .yourlabs-autocomplete li a span.highlight { text-decoration: underline; font-weight: bold; } .yourlabs-autocomplete li.autocomplete-header { background-color: #FFEF9E; padding: 3px 5px; color: #000; } .yourlabs-autocomplete li.autocomplete-value { cursor: pointer; } .yourlabs-autocomplete li.hilight { background-color: #EA4839; color: #FFF; } .yourlabs-autocomplete li.hilight a {color: #FFF; } .yourlabs-autocomplete { border: solid; border-width: 0px 1px 1px 1px; border-color: #B3B3B3; background: #FAFAFA; display: block; } .yourlabs-autocomplete.outer-container { position: relative; } .yourlabs-autocomplete.inner-container { position: absolute; left: -1px; top: 2px; border: 1px solid #B7B7B7; width: 618px; background: #fff; } #main-content > .yourlabs-autocomplete { display:none; } .yourlabs-autocomplete.inner-container { margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; position: relative; list-style-type: none; } hr { border-color : #D4D6C8; } /* hr { border: 0; height: 1px; background: #333; background: -webkit-gradient(linear, left top, right top, color-stop(0%,hsla(0,0%,70%,0)), color-stop(50%,hsla(0,0%,70%,.75)), color-stop(100%,hsla(0,0%,70%,0))); background: -webkit-linear-gradient(left, hsla(0,0%,70%,0) 0%, hsla(0,0%,70%,.75) 50%, hsla(0,0%,70%,0) 100%); background: -moz-linear-gradient(left, hsla(0,0%,70%,0) 0%, hsla(0,0%,70%,.75) 50%, hsla(0,0%,70%,0) 100%); background: -ms-linear-gradient(left, hsla(0,0%,70%,0) 0%, hsla(0,0%,70%,.75) 50%, hsla(0,0%,70%,0) 100%); background: -o-linear-gradient(left, hsla(0,0%,70%,0) 0%, hsla(0,0%,70%,.75) 50%, hsla(0,0%,70%,0) 100%); background: linear-gradient(left, hsla(0,0%,70%,0) 0%, hsla(0,0%,70%,.75) 50%, hsla(0,0%,70%,0) 100%); }*/ .tristate:hover { cursor: pointer; } abbr[title] { cursor: help; border-bottom: 1px dotted #999999; } abbr.initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #eeeeee; } blockquote p { margin-bottom: 0; font-size: 16px; font-weight: 300; line-height: 25px; } blockquote small { display: block; line-height: 20px; color: #999999; } blockquote small:before { content: '\2014 \00A0'; } blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; } blockquote.pull-right p, blockquote.pull-right small { text-align: right; } blockquote.pull-right small:before { content: ''; } blockquote.pull-right small:after { content: '\00A0 \2014'; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } address { display: block; margin-bottom: 20px; font-style: normal; line-height: 20px; } code, pre { padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 12px; color: #333333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } code { padding: 2px 4px; color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } pre.prettyprint { margin-bottom: 20px; } pre code { padding: 0; color: inherit; background-color: transparent; border: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } /* Louis pour etat places*/ .greenratio { background-color: #ADE297; text-align: center; } .orangeratio { background-color: #EEE285; text-align: center; } .redratio { background-color: #EE8585; text-align: center; } th[data-sort]{ cursor:pointer; } tbody tr.clickable-row { cursor:pointer; } tr.awesome{ color: red; } .title-foot { padding-right:0px; padding-left:0px; } .foot-banner { font-family: 'Dosis', sans-serif; background-color :#4F504B; color: white; padding: 20px; } .petitcours-raw { padding:20px; background:#fff; } /* Messages */ .messages .alert .close { top:0; right:0; } .messages .alert { padding:10px 15px; margin:0; border:0; border-radius:0; } div.messages div.alert-info { background-color: #659C94; } div.messages div.alert-success { background-color: #41C342; } div.messages div.alert-warning { background-color: #efa50f; } div.messages div.alert-error { background-color: #e14b4b; } div.messages div.alert-info div.container, div.messages div.alert-error div.container, div.messages div.alert-warning div.container, div.messages div.alert-success div.container { color: white; } div.messages div.alert div.container a { color: inherit; } /* Help text */ p.help-block { margin: 5px auto; width: 90%; }