/* Welcome to Compass. * In this file you should write your main styles. (or centralize your imports) * Import this file using the following HTML or equivalent: * */ @font-face { font-family: 'comfortaabold'; src: url("../fonts/comfortaa-bold-webfont.eot"); src: url("../fonts/comfortaa-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/comfortaa-bold-webfont.woff2") format("woff2"), url("../fonts/comfortaa-bold-webfont.woff") format("woff"), url("../fonts/comfortaa-bold-webfont.ttf") format("truetype"), url("../fonts/comfortaa-bold-webfont.svg#comfortaabold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'comfortaalight'; src: url("../fonts/comfortaa-light-webfont.eot"); src: url("../fonts/comfortaa-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/comfortaa-light-webfont.woff2") format("woff2"), url("../fonts/comfortaa-light-webfont.woff") format("woff"), url("../fonts/comfortaa-light-webfont.ttf") format("truetype"), url("../fonts/comfortaa-light-webfont.svg#comfortaalight") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'comfortaaregular'; src: url("../fonts/comfortaa-regular-webfont.eot"); src: url("../fonts/comfortaa-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/comfortaa-regular-webfont.woff2") format("woff2"), url("../fonts/comfortaa-regular-webfont.woff") format("woff"), url("../fonts/comfortaa-regular-webfont.ttf") format("truetype"), url("../fonts/comfortaa-regular-webfont.svg#comfortaaregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'myriadpro-it'; src: url("../fonts/myriadpro-it.eot"); src: url("../fonts/myriadpro-it.eot?#iefix") format("embedded-opentype"), url("../fonts/myriadpro-it.woff") format("woff"), url("../fonts/myriadpro-it.ttf") format("truetype"), url("../fonts/myriadpro-it.svg#myriadpro-it") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'myriadpro-light'; src: url("../fonts/myriadpro-light.eot"); src: url("../fonts/myriadpro-light.eot?#iefix") format("embedded-opentype"), url("../fonts/myriadpro-light.woff") format("woff"), url("../fonts/myriadpro-light.ttf") format("truetype"), url("../fonts/myriadpro-light.svg#myriadpro-light") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'myriadpro-regular'; src: url("../fonts/myriadpro-regular.eot"); src: url("../fonts/myriadpro-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/myriadpro-regular.woff") format("woff"), url("../fonts/myriadpro-regular.ttf") format("truetype"), url("../fonts/myriadpro-regular.svg#myriadpro-regular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'myriadpro-semibold'; src: url("../fonts/myriadpro-semibold.eot"); src: url("../fonts/myriadpro-semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/myriadpro-semibold.woff") format("woff"), url("../fonts/myriadpro-semibold.ttf") format("truetype"), url("../fonts/myriadpro-semibold.svg#myriadpro-semibold") format("svg"); font-weight: normal; font-style: normal; } /* line 23, ../sass/screen.scss */ body { color: #505050; font-family: "Arial"; background-attachment: fixed; } /* line 29, ../sass/screen.scss */ strong { font-weight: bold; } /* line 33, ../sass/screen.scss */ a { color: #505050; text-decoration: underline; } /* line 37, ../sass/screen.scss */ a:focus, a:active { outline-color: gray; color: black; } /* line 42, ../sass/screen.scss */ a:hover { color: black; } /* line 46, ../sass/screen.scss */ a.btn { text-decoration: none; } /* line 51, ../sass/screen.scss */ p { padding-bottom: 20px; line-height: 21px; } /* line 56, ../sass/screen.scss */ ul { padding-left: 20px; list-style-type: disc; margin-bottom: 10px; } /* line 61, ../sass/screen.scss */ ul li { padding-left: 5px; } /* line 66, ../sass/screen.scss */ .clr { clear: both; } /* line 70, ../sass/screen.scss */ .btn { background-image: none; } /* line 74, ../sass/screen.scss */ #main .alert { background-image: none; background-color: white; border-bottom-width: 3px; } /* line 82, ../sass/screen.scss */ .alert.alert-warning a { color: #8a6d3b; } /* line 91, ../sass/screen.scss */ #main { position: relative; } /* line 93, ../sass/screen.scss */ #main .inner { width: 960px; margin: 0px auto; } /* line 99, ../sass/screen.scss */ #header { z-index: 100; border-bottom: solid 1px #e0e0e0; background-color: white; -moz-box-shadow: 0px 0px 3px gray; -webkit-box-shadow: 0px 0px 3px gray; box-shadow: 0px 0px 3px gray; height: 86px; } /* line 115, ../sass/screen.scss */ #header .container { position: relative; } /* line 120, ../sass/screen.scss */ #header #link-home { /*position: fixed ; z-index: 1000 ; text-align: center ; position: absolute ; top: 0px ; left: 0px ; padding: 10px ; background-color: white ; @include box-shadow(0px 0px 5px black) ; @include border-radius(0px 0px 8px 8px) ; */ position: absolute; top: 10px; left: 0px; text-decoration: none; font-size: 22px; color: black; } /* line 141, ../sass/screen.scss */ #header #link-home img { height: 60px; margin-bottom: 5px; } /* line 147, ../sass/screen.scss */ #header #link-espace-boulanger { border-left: solid 1px #e0e0e0; } /* line 151, ../sass/screen.scss */ #header nav { padding-top: 22px; } /* line 153, ../sass/screen.scss */ #header nav ul { float: right; } /* line 156, ../sass/screen.scss */ #header nav ul li a { text-decoration: none; } /* line 160, ../sass/screen.scss */ #header nav ul li a.active { background-color: #eee; } /* line 169, ../sass/screen.scss */ #header #link-logout .nom { font-size: 10px; /*position: relative ; left: 20px ; top: -3px ;*/ } /* line 178, ../sass/screen.scss */ #main { padding: 0px; } /* line 188, ../sass/screen.scss */ #content { position: relative; padding: 20px 0px; padding-bottom: 0px; padding-top: 35px; min-height: 500px; } /* line 196, ../sass/screen.scss */ #content #description img { width: 100%; } /* line 201, ../sass/screen.scss */ #content #main-img { max-width: 100%; border: solid 1px #e0e0e0; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* line 208, ../sass/screen.scss */ #content #row-presentation { text-align: center; } /* line 212, ../sass/screen.scss */ #content #row-signup { text-align: center; margin-top: 20px; } /* line 217, ../sass/screen.scss */ #content #row-clients-boulanger { margin-bottom: 50px; } /* line 219, ../sass/screen.scss */ #content #row-clients-boulanger h2 { text-align: center; margin-bottom: 15px; padding-bottom: 0px; } /* line 223, ../sass/screen.scss */ #content #row-clients-boulanger h2 img { height: 70px; margin-bottom: 60px; } /* line 229, ../sass/screen.scss */ #content #row-clients-boulanger ul { text-align: center; } /* line 231, ../sass/screen.scss */ #content #row-clients-boulanger ul li { list-style-type: none; } /* line 236, ../sass/screen.scss */ #content #row-clients-boulanger #clients { border-right: dotted 1px gray; } /* line 241, ../sass/screen.scss */ #content .item { position: relative; min-height: 250px; } /* line 245, ../sass/screen.scss */ #content .item .container { padding: 20px; position: relative; } /* line 250, ../sass/screen.scss */ #content .item .separateur { width: 600px; border-top: 1px solid #e0e0e0; margin: 0px auto; padding-top: 20px; margin-top: 20px; } /* line 258, ../sass/screen.scss */ #content .item h2 { color: black; padding-bottom: 30px; font-size: 25px; line-height: 35px; font-family: "myriadpro-regular"; text-transform: uppercase; position: relative; margin-top: 30px; } /* line 270, ../sass/screen.scss */ #content .item h3 { color: black; font-family: "comfortaalight"; font-size: 20px; padding-bottom: 12px; } /* line 277, ../sass/screen.scss */ #content .item .icon { position: absolute; } /* line 286, ../sass/screen.scss */ #content #contact { display: none; } /* line 290, ../sass/screen.scss */ #content #contact .icon { width: 55px; top: -15px; margin-left: -70px; } /* line 299, ../sass/screen.scss */ #content #contact .form-control:focus { /*@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px $jaune) ; border-color: $jaune ;*/ } /* line 304, ../sass/screen.scss */ #content #contact .form-group { text-align: center; } /* line 308, ../sass/screen.scss */ #content #contact .img-right { float: right; } /* line 311, ../sass/screen.scss */ #content #contact .img-right img { width: 300px; } /* line 318, ../sass/screen.scss */ .form-control:focus { /*@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px $jaune) ; border-color: $jaune ;*/ } /* line 323, ../sass/screen.scss */ #footer { height: 50px; background-color: white; text-align: center; border-top: 1px solid #e0e0e0; padding-top: 30px; padding-bottom: 60px; position: relative; } /* line 335, ../sass/screen.scss */ #footer a { color: #7e7e7e; text-transform: uppercase; text-decoration: none; padding-left: 10px; padding-right: 10px; border-right: solid 1px #7e7e7e; } /* line 342, ../sass/screen.scss */ #footer a:hover { color: black; } /* line 346, ../sass/screen.scss */ #footer a:last-child { border: 0px none; } /* line 352, ../sass/screen.scss */ #content #mentions { padding-top: 20px; } /* line 355, ../sass/screen.scss */ #content #mentions div.content { width: 60%; font-size: 90%; } /* line 360, ../sass/screen.scss */ #content #mentions p { padding-bottom: 15px; } /* line 364, ../sass/screen.scss */ #content #mentions h2 { color: black; padding-bottom: 40px; font-size: 25px; line-height: 35px; font-family: "myriadpro-regular"; } /* line 372, ../sass/screen.scss */ #content #mentions h3 { font-family: "comfortaaregular"; font-size: 18px; padding-bottom: 12px; margin-top: 10px; color: black; } /* line 383, ../sass/screen.scss */ .mentions #main, .mentions body { background-color: white; } /* line 388, ../sass/screen.scss */ .vegas-loading { display: none; } /* line 395, ../sass/screen.scss */ #profil-user .form-group.field-user-no_mail label { font-weight: normal; } /* line 399, ../sass/screen.scss */ #profil-user .form-group label { cursor: pointer; } /* line 404, ../sass/screen.scss */ #profil-user #mails-jours-prod .form-group { float: left; margin-right: 15px; } /* line 407, ../sass/screen.scss */ #profil-user #mails-jours-prod .form-group label { font-weight: normal; } /* line 413, ../sass/screen.scss */ #profil-user p.strong { font-weight: bold; } /* signup */ /* line 422, ../sass/screen.scss */ #form-signup #champs-boulanger { display: none; } /* line 2, ../sass/_systeme_commandes.scss */ h1.title-systeme-commande { color: black; padding-bottom: 35px; font-size: 25px; line-height: 35px; font-family: "myriadpro-regular"; text-transform: uppercase; text-align: center; position: relative; margin-top: 30px; } /* line 13, ../sass/_systeme_commandes.scss */ h1.title-systeme-commande img { width: 35px; margin-right: 7px; } /* line 19, ../sass/_systeme_commandes.scss */ h2 { font-size: 20px; text-transform: uppercase; } /* line 26, ../sass/_systeme_commandes.scss */ #index-commande { position: relative; } /* line 29, ../sass/_systeme_commandes.scss */ #index-commande #logout { position: absolute; /*top: 45px ; right: 93px ;*/ top: 0; right: 0; z-index: 10; } /* line 38, ../sass/_systeme_commandes.scss */ #index-commande .accueil { text-align: center; padding-bottom: 20px; } /* line 49, ../sass/_systeme_commandes.scss */ #index-commande #liste-boulangeries .remove { float: right; } /* line 53, ../sass/_systeme_commandes.scss */ #index-commande #liste-boulangeries .logo { width: 30%; max-width: 200px; float: right; padding-left: 20px; } /* line 63, ../sass/_systeme_commandes.scss */ #index-commande #liste-boulangeries h3 .localite { color: gray; } /* line 72, ../sass/_systeme_commandes.scss */ #index-commande #bloc-add-etablissement .help-block { padding-bottom: 0px; } /* line 78, ../sass/_systeme_commandes.scss */ #index-commande #addetablissementform-id_etablissement option:disabled { font-weight: bold; color: black; } /* line 85, ../sass/_systeme_commandes.scss */ #index-commande #historique-commandes .statut, #index-commande #historique-commandes .montant { width: 175px; } /* line 88, ../sass/_systeme_commandes.scss */ #index-commande #historique-commandes .montant { width: 100px; } /* line 95, ../sass/_systeme_commandes.scss */ #index-commande #historique-commandes .localite { font-size: 11px; lin-height: 11px; } /* line 100, ../sass/_systeme_commandes.scss */ #index-commande #historique-commandes a { text-decoration: none; } /* line 107, ../sass/_systeme_commandes.scss */ .commande-form { min-height: 600px; } /* line 111, ../sass/_systeme_commandes.scss */ .commande-form h2 { font-family: "myriadpro-regular"; } /* line 115, ../sass/_systeme_commandes.scss */ .commande-form #infos-importantes.alert-warning { float: right; } /* line 121, ../sass/_systeme_commandes.scss */ .commande-form #datepicker-production .ui-datepicker { float: left; margin-right: 20px; } /* line 126, ../sass/_systeme_commandes.scss */ .commande-form #datepicker-production .ui-helper-clearfix:after { clear: none; } /* line 130, ../sass/_systeme_commandes.scss */ .commande-form #datepicker-production .alert-info { float: left; } /* line 135, ../sass/_systeme_commandes.scss */ .commande-form #has-commande-en-cours { margin-top: 15px; } /* line 138, ../sass/_systeme_commandes.scss */ .commande-form #has-commande-en-cours a { color: #a94442; text-decoration: none; font-weight: bold; } /* line 145, ../sass/_systeme_commandes.scss */ .commande-form .field-commande-id_point_vente { margin-top: 30px; } /* line 149, ../sass/_systeme_commandes.scss */ .commande-form .field-commande-id_production { margin-bottom: 0px; } /* line 151, ../sass/_systeme_commandes.scss */ .commande-form .field-commande-id_production label { margin-bottom: 0px; } /* line 155, ../sass/_systeme_commandes.scss */ .commande-form .field-commande-id_production .help-block { margin-bottom: 0px; } /* line 160, ../sass/_systeme_commandes.scss */ .commande-form .blocs { list-style-type: none; margin: 0px; padding: 0px; } /* line 165, ../sass/_systeme_commandes.scss */ .commande-form .blocs .bloc { text-decoration: none; width: 268px; height: 130px; float: left; padding: 20px; margin-right: 20px; margin-bottom: 8px; cursor: pointer; float: left; background-color: #f9f9f9; border: 1px solid #d8d8d8; } /* line 179, ../sass/_systeme_commandes.scss */ .commande-form .blocs .bloc .nom { font-family: "comfortaalight"; font-size: 20px; } /* line 185, ../sass/_systeme_commandes.scss */ .commande-form .blocs .bloc .adresse { color: gray; font-size: 13px; line-height: 16px; } /* line 191, ../sass/_systeme_commandes.scss */ .commande-form .blocs .bloc .horaires { margin-top: 7px; } /* line 193, ../sass/_systeme_commandes.scss */ .commande-form .blocs .bloc .horaires .jour { font-weight: bold; display: none; } /* line 199, ../sass/_systeme_commandes.scss */ .commande-form .blocs .bloc.selected { border-left: solid 5px black; -moz-box-shadow: 0px 0px 5px #d8d8d8; -webkit-box-shadow: 0px 0px 5px #d8d8d8; box-shadow: 0px 0px 5px #d8d8d8; } /* line 203, ../sass/_systeme_commandes.scss */ .commande-form .blocs .bloc.selected .contenu { position: relative; left: -4px; } /* line 209, ../sass/_systeme_commandes.scss */ .commande-form .blocs .bloc:hover { -moz-box-shadow: 0px 0px 5px #d8d8d8; -webkit-box-shadow: 0px 0px 5px #d8d8d8; box-shadow: 0px 0px 5px #d8d8d8; } /* line 214, ../sass/_systeme_commandes.scss */ .commande-form .blocs .bloc.disabled { display: none; } /* line 221, ../sass/_systeme_commandes.scss */ .commande-form #produits { margin-top: 15px; } /* line 224, ../sass/_systeme_commandes.scss */ .commande-form #produits #label-produits { display: block; margin-bottom: 5px; } /* line 229, ../sass/_systeme_commandes.scss */ .commande-form #produits .table { margin-top: 7px; } /* line 232, ../sass/_systeme_commandes.scss */ .commande-form #produits .table .illu { float: left; height: auto; width: 70px; margin-right: 15px; } /* line 239, ../sass/_systeme_commandes.scss */ .commande-form #produits .table .photo { float: right; margin-left: 10px; width: 200px; } /* line 245, ../sass/_systeme_commandes.scss */ .commande-form #produits .table .nom { font-family: "comfortaalight"; font-weight: bold; text-transform: uppercase; font-size: 18px; } /* line 252, ../sass/_systeme_commandes.scss */ .commande-form #produits .table .description { font-style: italic; } /* line 256, ../sass/_systeme_commandes.scss */ .commande-form #produits .table .recette { font-size: 12px; } /* line 260, ../sass/_systeme_commandes.scss */ .commande-form #produits .table .input-group { width: 133px; } /* line 262, ../sass/_systeme_commandes.scss */ .commande-form #produits .table .input-group .quantity { text-align: center; } /* line 267, ../sass/_systeme_commandes.scss */ .commande-form #produits .table .colonne-quantite, .commande-form #produits .table .prix-unit, .commande-form #produits .table .total { width: 150px; text-align: center; } /* line 272, ../sass/_systeme_commandes.scss */ .commande-form #produits .table td#total-commande, .commande-form #produits .table td#total-commande-vrac, .commande-form #produits .table td.total { text-align: center; } /* line 276, ../sass/_systeme_commandes.scss */ .commande-form #produits .table .epuise { display: none; text-transform: uppercase; color: #B32815; font-weight: bold; font-size: 16px; text-align: center; } /* line 285, ../sass/_systeme_commandes.scss */ .commande-form #produits .table .quantite-restante { font-size: 12px; margin-top: 8px; } /* line 289, ../sass/_systeme_commandes.scss */ .commande-form #produits .table .quantite-restante .nb { font-weight: bold; } /* line 294, ../sass/_systeme_commandes.scss */ .commande-form #produits .table td.produit, .commande-form #produits .table th.produit { width: 70%; } /* line 298, ../sass/_systeme_commandes.scss */ .commande-form #produits .table td.prix-unit, .commande-form #produits .table th.prix-unit { width: 10%; } /* line 302, ../sass/_systeme_commandes.scss */ .commande-form #produits .table td.colonne-quantite, .commande-form #produits .table th.colonne-quantite { width: 10%; } /* line 306, ../sass/_systeme_commandes.scss */ .commande-form #produits .table td.total, .commande-form #produits .table th.total { width: 10%; } /* line 312, ../sass/_systeme_commandes.scss */ .commande-form #bar-fixed { position: fixed; bottom: 0px; left: 0px; z-index: 100; width: 100%; background-color: white; padding: 15px; margin-bottom: 0px; -moz-box-shadow: 0 0 5px #e0e0e0; -webkit-box-shadow: 0 0 5px #e0e0e0; box-shadow: 0 0 5px #e0e0e0; border-top: solid 1px #e0e0e0; background-color: #F9F9F9; text-align: center; } /* line 326, ../sass/_systeme_commandes.scss */ .commande-form #bar-fixed #total-commande-bottom { background-color: white; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; padding: 5px 25px; border: solid 1px #e0e0e0; } /* line 333, ../sass/_systeme_commandes.scss */ .commande-form #bar-fixed .valider-commande, .commande-form #bar-fixed .btn-commentaire { float: right; } /* line 337, ../sass/_systeme_commandes.scss */ .commande-form #bar-fixed .btn-commentaire { margin-right: 10px; } /* line 341, ../sass/_systeme_commandes.scss */ .commande-form #bar-fixed .btn-retour, .commande-form #bar-fixed .annuler-commande { float: left; margin-right: 5px; } /* line 346, ../sass/_systeme_commandes.scss */ .commande-form #bar-fixed .annuler-commande { color: #b92c28; background-color: white; } /* line 351, ../sass/_systeme_commandes.scss */ .commande-form #bar-fixed #total-commande-bottom { display: none; font-weight: bold; font-family: "comfortaalight"; font-size: 24px; } /* line 358, ../sass/_systeme_commandes.scss */ .commande-form #bar-fixed .field-commande-commentaire { display: none; } /* line 366, ../sass/_systeme_commandes.scss */ .ui-datepicker .ui-widget-header { background: none; background-color: gray; border: 0px none; color: black; font-weight: normal; } /* line 374, ../sass/_systeme_commandes.scss */ .ui-datepicker .ui-datepicker-current-day a, .ui-datepicker a.ui-state-hover { background: none; background-color: gray; border-color: black; color: black; } @media screen and (max-width: 1000px) { /* line 3, ../sass/_responsive.scss */ #content { padding-top: 0px; } /* line 7, ../sass/_responsive.scss */ #header { position: relative; } /* line 12, ../sass/_responsive.scss */ #header nav ul { margin-top: 5px; float: left; } /* line 15, ../sass/_responsive.scss */ #header nav ul li { float: right; display: none; } /* line 19, ../sass/_responsive.scss */ #header nav ul li a { padding: 5px; height: auto; line-height: 20px; } /* line 28, ../sass/_responsive.scss */ #header nav { width: 100%; } /* line 30, ../sass/_responsive.scss */ #header nav ul { float: none; margin: 0px none; } /* line 36, ../sass/_responsive.scss */ #header nav ul li#logo { display: block; } /* line 43, ../sass/_responsive.scss */ #header a#link-commander { display: none; } /* line 48, ../sass/_responsive.scss */ #content #points-vente .content { padding-left: 10px; margin-top: 30px; } /* line 53, ../sass/_responsive.scss */ #menu-user { position: relative; top: 0px; } /* line 58, ../sass/_responsive.scss */ .connected #content { padding-top: 0px; } }