您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

1339 行
34KB

  1. /* Welcome to Compass.
  2. * In this file you should write your main styles. (or centralize your imports)
  3. * Import this file using the following HTML or equivalent:
  4. * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
  5. @font-face {
  6. font-family: 'comfortaabold';
  7. src: url("../fonts/comfortaa-bold-webfont.eot");
  8. 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");
  9. font-weight: normal;
  10. font-style: normal;
  11. }
  12. @font-face {
  13. font-family: 'comfortaalight';
  14. src: url("../fonts/comfortaa-light-webfont.eot");
  15. 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");
  16. font-weight: normal;
  17. font-style: normal;
  18. }
  19. @font-face {
  20. font-family: 'comfortaaregular';
  21. src: url("../fonts/comfortaa-regular-webfont.eot");
  22. 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");
  23. font-weight: normal;
  24. font-style: normal;
  25. }
  26. @font-face {
  27. font-family: 'myriadpro-it';
  28. src: url("../fonts/myriadpro-it.eot");
  29. 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");
  30. font-weight: normal;
  31. font-style: normal;
  32. }
  33. @font-face {
  34. font-family: 'myriadpro-light';
  35. src: url("../fonts/myriadpro-light.eot");
  36. 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");
  37. font-weight: normal;
  38. font-style: normal;
  39. }
  40. @font-face {
  41. font-family: 'myriadpro-regular';
  42. src: url("../fonts/myriadpro-regular.eot");
  43. 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");
  44. font-weight: normal;
  45. font-style: normal;
  46. }
  47. @font-face {
  48. font-family: 'myriadpro-semibold';
  49. src: url("../fonts/myriadpro-semibold.eot");
  50. 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");
  51. font-weight: normal;
  52. font-style: normal;
  53. }
  54. /* line 26, ../sass/screen.scss */
  55. html {
  56. height: 100%;
  57. }
  58. /* line 30, ../sass/screen.scss */
  59. body {
  60. position: relative;
  61. color: #505050;
  62. font-family: "Arial";
  63. background-attachment: fixed;
  64. min-height: 100%;
  65. margin: 0;
  66. padding: 0;
  67. }
  68. /* line 40, ../sass/screen.scss */
  69. strong {
  70. font-weight: bold;
  71. }
  72. /* line 45, ../sass/screen.scss */
  73. #main a {
  74. color: #505050;
  75. text-decoration: underline;
  76. }
  77. /* line 49, ../sass/screen.scss */
  78. #main a:focus, #main a:active {
  79. outline-color: gray;
  80. color: #BB8757;
  81. }
  82. /* line 54, ../sass/screen.scss */
  83. #main a:hover {
  84. color: #BB8757;
  85. }
  86. /* line 58, ../sass/screen.scss */
  87. #main a.btn {
  88. text-decoration: none;
  89. }
  90. /* line 63, ../sass/screen.scss */
  91. #main .btn-primary {
  92. background-color: #BB8757;
  93. border: solid 1px #BB8757;
  94. color: white;
  95. }
  96. /* line 68, ../sass/screen.scss */
  97. #main .btn-primary:hover, #main .btn-primary:active, #main .btn-primary:focus {
  98. background-color: #b17a48;
  99. border: solid 1px #BB8757;
  100. color: white;
  101. }
  102. /* line 75, ../sass/screen.scss */
  103. #main .form-control:focus {
  104. -moz-box-shadow: none;
  105. -webkit-box-shadow: none;
  106. box-shadow: none;
  107. border: solid 1px #BB8757;
  108. }
  109. /* line 81, ../sass/screen.scss */
  110. p {
  111. padding-bottom: 20px;
  112. line-height: 21px;
  113. }
  114. /* line 86, ../sass/screen.scss */
  115. ul {
  116. padding-left: 20px;
  117. list-style-type: disc;
  118. margin-bottom: 10px;
  119. }
  120. /* line 91, ../sass/screen.scss */
  121. ul li {
  122. padding-left: 5px;
  123. }
  124. /* line 96, ../sass/screen.scss */
  125. .clr {
  126. clear: both;
  127. }
  128. /* line 100, ../sass/screen.scss */
  129. .btn {
  130. background-image: none;
  131. }
  132. /* line 104, ../sass/screen.scss */
  133. #main .alert {
  134. background-image: none;
  135. background-color: white;
  136. border-bottom-width: 3px;
  137. }
  138. /* line 112, ../sass/screen.scss */
  139. .alert.alert-warning a {
  140. color: #8a6d3b;
  141. }
  142. /* line 121, ../sass/screen.scss */
  143. #main {
  144. position: relative;
  145. padding-bottom: 150px;
  146. }
  147. /* line 124, ../sass/screen.scss */
  148. #main .inner {
  149. width: 960px;
  150. margin: 0px auto;
  151. }
  152. /* line 131, ../sass/screen.scss */
  153. #content .content-text h1 {
  154. font-family: "myriadpro-regular";
  155. font-size: 30px;
  156. color: black;
  157. text-transform: uppercase;
  158. }
  159. /* line 138, ../sass/screen.scss */
  160. #content .content-text h2 {
  161. font-family: "comfortaaregular";
  162. font-size: 20px;
  163. text-transform: none;
  164. padding-bottom: 0px;
  165. margin-bottom: 5px;
  166. margin-top: 5px;
  167. }
  168. /* line 148, ../sass/screen.scss */
  169. #block-demo {
  170. padding: 10px 0px;
  171. background-color: #BB8757;
  172. color: white;
  173. text-align: center;
  174. }
  175. /* line 154, ../sass/screen.scss */
  176. #block-demo a {
  177. color: white;
  178. text-decoration: underline;
  179. }
  180. /* line 160, ../sass/screen.scss */
  181. #header {
  182. z-index: 100;
  183. border-bottom: solid 1px #e0e0e0;
  184. background-color: #f8f1dd;
  185. height: 86px;
  186. }
  187. /* line 166, ../sass/screen.scss */
  188. #header .container {
  189. position: relative;
  190. }
  191. /* line 170, ../sass/screen.scss */
  192. #header #env-dev {
  193. font-family: "comfortaabold";
  194. text-align: center;
  195. font-size: 18px;
  196. padding-top: 10px;
  197. padding-bottom: 10px;
  198. color: #BB8757;
  199. background-color: transparent;
  200. position: absolute;
  201. top: 18px;
  202. left: 79px;
  203. }
  204. /* line 183, ../sass/screen.scss */
  205. #header #link-home {
  206. position: absolute;
  207. top: 10px;
  208. left: 0px;
  209. text-decoration: none;
  210. font-size: 22px;
  211. color: black;
  212. display: block;
  213. }
  214. /* line 192, ../sass/screen.scss */
  215. #header #link-home img {
  216. height: 60px;
  217. margin-bottom: 5px;
  218. float: left;
  219. }
  220. /* line 198, ../sass/screen.scss */
  221. #header #link-home .text {
  222. float: left;
  223. padding-left: 10px;
  224. }
  225. /* line 202, ../sass/screen.scss */
  226. #header #link-home .text .bap {
  227. font-family: "comfortaalight";
  228. font-size: 24px;
  229. }
  230. /* line 207, ../sass/screen.scss */
  231. #header #link-home .text .plateforme {
  232. font-size: 17px;
  233. font-family: "myriadpro-light";
  234. color: #BB8757;
  235. }
  236. /* line 215, ../sass/screen.scss */
  237. #header #link-espace-boulanger {
  238. border-left: solid 1px #e0e0e0;
  239. color: #BB8757;
  240. }
  241. /* line 220, ../sass/screen.scss */
  242. #header nav {
  243. padding-top: 22px;
  244. }
  245. /* line 222, ../sass/screen.scss */
  246. #header nav ul {
  247. float: right;
  248. }
  249. /* line 225, ../sass/screen.scss */
  250. #header nav ul li a {
  251. text-decoration: none;
  252. color: #505050;
  253. }
  254. /* line 228, ../sass/screen.scss */
  255. #header nav ul li a.active {
  256. background-color: white;
  257. }
  258. /* line 232, ../sass/screen.scss */
  259. #header nav ul li a:hover {
  260. color: black;
  261. background-color: white;
  262. }
  263. /* line 242, ../sass/screen.scss */
  264. #header #link-logout .nom {
  265. color: gray;
  266. font-size: 10px;
  267. left: 18px;
  268. position: relative;
  269. top: -4px;
  270. }
  271. /* line 259, ../sass/screen.scss */
  272. #content {
  273. position: relative;
  274. padding: 20px 0px;
  275. padding-bottom: 0px;
  276. padding-top: 35px;
  277. min-height: 500px;
  278. }
  279. /* line 266, ../sass/screen.scss */
  280. #content h1#title-site {
  281. font-family: "comfortaalight";
  282. font-size: 50px;
  283. }
  284. /* line 273, ../sass/screen.scss */
  285. #content h2 {
  286. color: black;
  287. padding-bottom: 15px;
  288. font-size: 25px;
  289. line-height: 35px;
  290. font-family: "myriadpro-regular";
  291. text-transform: uppercase;
  292. position: relative;
  293. margin-top: 30px;
  294. }
  295. /* line 284, ../sass/screen.scss */
  296. #content h3 {
  297. color: black;
  298. font-size: 20px;
  299. }
  300. /* line 292, ../sass/screen.scss */
  301. #content #description img {
  302. width: 100%;
  303. }
  304. /* line 297, ../sass/screen.scss */
  305. #content #main-img {
  306. max-width: 100%;
  307. border: solid 1px #e0e0e0;
  308. padding: 5px;
  309. -moz-border-radius: 5px;
  310. -webkit-border-radius: 5px;
  311. border-radius: 5px;
  312. }
  313. /* line 304, ../sass/screen.scss */
  314. #content #row-presentation {
  315. text-align: center;
  316. }
  317. /* line 306, ../sass/screen.scss */
  318. #content #row-presentation h1 {
  319. color: black;
  320. }
  321. /* line 309, ../sass/screen.scss */
  322. #content #row-presentation strong {
  323. font-family: "myriadpro-light";
  324. font-size: 20px;
  325. color: #B17A48;
  326. }
  327. /* line 316, ../sass/screen.scss */
  328. #content #row-signup {
  329. text-align: center;
  330. margin-top: 40px;
  331. }
  332. /* line 320, ../sass/screen.scss */
  333. #content #row-signup a.btn {
  334. padding: 13px 32px;
  335. font-size: 25px;
  336. }
  337. /* line 326, ../sass/screen.scss */
  338. #content #row-clients-boulanger {
  339. margin-bottom: 50px;
  340. text-align: center;
  341. }
  342. /* line 329, ../sass/screen.scss */
  343. #content #row-clients-boulanger h2 {
  344. text-align: center;
  345. margin-bottom: 15px;
  346. padding-bottom: 0px;
  347. }
  348. /* line 333, ../sass/screen.scss */
  349. #content #row-clients-boulanger h2 img {
  350. height: 70px;
  351. margin-bottom: 60px;
  352. }
  353. /* line 339, ../sass/screen.scss */
  354. #content #row-clients-boulanger ul {
  355. text-align: left;
  356. margin-left: 20%;
  357. }
  358. /* line 342, ../sass/screen.scss */
  359. #content #row-clients-boulanger ul li {
  360. list-style-type: circle;
  361. color: #BB8757;
  362. }
  363. /* line 348, ../sass/screen.scss */
  364. #content #row-clients-boulanger #clients {
  365. border-right: dotted 1px gray;
  366. }
  367. /* line 354, ../sass/screen.scss */
  368. #content #row-clients-boulanger .boulanger .prix span {
  369. background-color: #F8F1DD;
  370. }
  371. /* line 357, ../sass/screen.scss */
  372. #content #row-clients-boulanger .boulanger .prix span a {
  373. color: #BB8757;
  374. text-decoration: none;
  375. }
  376. /* line 365, ../sass/screen.scss */
  377. #content #row-clients-boulanger .prix {
  378. padding-top: 15px;
  379. font-size: 18px;
  380. text-align: center;
  381. }
  382. /* line 370, ../sass/screen.scss */
  383. #content #row-clients-boulanger .prix span {
  384. color: #BB8757;
  385. border: solid 1px #BB8757;
  386. font-weight: normal;
  387. font-size: 18px;
  388. font-family: "comfortaaregular";
  389. font-family: "myriadpro-regular";
  390. text-transform: uppercase;
  391. padding: 10px 15px;
  392. padding-bottom: 7px;
  393. -moz-border-radius: 5px;
  394. -webkit-border-radius: 5px;
  395. border-radius: 5px;
  396. }
  397. /* line 385, ../sass/screen.scss */
  398. #content #row-clients-boulanger #periode-essai {
  399. margin-top: 8px;
  400. text-align: center;
  401. font-size: 13px;
  402. color: gray;
  403. font-family: "comfortaaregular";
  404. }
  405. /* line 395, ../sass/screen.scss */
  406. #content #btn-demo:hover, #content #btn-demo:focus, #content #btn-demo:active {
  407. color: black;
  408. }
  409. /* line 401, ../sass/screen.scss */
  410. #content #modal-tarifs .exemple {
  411. color: gray;
  412. }
  413. /* line 408, ../sass/screen.scss */
  414. #content #contact {
  415. display: none;
  416. }
  417. /* line 412, ../sass/screen.scss */
  418. #content #contact .icon {
  419. width: 55px;
  420. top: -15px;
  421. margin-left: -70px;
  422. }
  423. /* line 421, ../sass/screen.scss */
  424. #content #contact .form-control:focus {
  425. /*@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px $jaune) ;
  426. border-color: $jaune ;*/
  427. }
  428. /* line 426, ../sass/screen.scss */
  429. #content #contact .form-group {
  430. text-align: center;
  431. }
  432. /* line 430, ../sass/screen.scss */
  433. #content #contact .img-right {
  434. float: right;
  435. }
  436. /* line 433, ../sass/screen.scss */
  437. #content #contact .img-right img {
  438. width: 300px;
  439. }
  440. /* line 440, ../sass/screen.scss */
  441. .form-control:focus {
  442. /*@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px $jaune) ;
  443. border-color: $jaune ;*/
  444. }
  445. /* line 445, ../sass/screen.scss */
  446. #footer {
  447. position: absolute;
  448. bottom: 0px;
  449. left: 0px;
  450. width: 100%;
  451. height: 50px;
  452. background-color: white;
  453. text-align: center;
  454. border-top: 1px solid #e0e0e0;
  455. padding-top: 30px;
  456. padding-bottom: 60px;
  457. }
  458. /* line 459, ../sass/screen.scss */
  459. #footer a {
  460. font-family: "myriadpro-regular";
  461. color: #7e7e7e;
  462. color: white;
  463. color: #999;
  464. text-transform: uppercase;
  465. text-decoration: none;
  466. padding-left: 10px;
  467. padding-right: 10px;
  468. border-right: solid 1px #7e7e7e;
  469. border-right: solid 1px white;
  470. }
  471. /* line 470, ../sass/screen.scss */
  472. #footer a:hover {
  473. color: gray;
  474. }
  475. /* line 474, ../sass/screen.scss */
  476. #footer a:last-child {
  477. border: 0px none;
  478. }
  479. /* line 480, ../sass/screen.scss */
  480. #content #mentions {
  481. padding-top: 20px;
  482. }
  483. /* line 483, ../sass/screen.scss */
  484. #content #mentions div.content {
  485. width: 60%;
  486. font-size: 90%;
  487. }
  488. /* line 488, ../sass/screen.scss */
  489. #content #mentions p {
  490. padding-bottom: 15px;
  491. }
  492. /* line 492, ../sass/screen.scss */
  493. #content #mentions h2 {
  494. color: black;
  495. padding-bottom: 40px;
  496. font-size: 25px;
  497. line-height: 35px;
  498. font-family: "myriadpro-regular";
  499. }
  500. /* line 500, ../sass/screen.scss */
  501. #content #mentions h3 {
  502. font-family: "comfortaaregular";
  503. font-size: 18px;
  504. padding-bottom: 12px;
  505. margin-top: 10px;
  506. color: black;
  507. }
  508. /* line 511, ../sass/screen.scss */
  509. .mentions #main, .mentions body {
  510. background-color: white;
  511. }
  512. /* line 516, ../sass/screen.scss */
  513. .vegas-loading {
  514. display: none;
  515. }
  516. /* line 523, ../sass/screen.scss */
  517. #profil-user .form-group.field-user-no_mail label {
  518. font-weight: normal;
  519. }
  520. /* line 527, ../sass/screen.scss */
  521. #profil-user .form-group label {
  522. cursor: pointer;
  523. }
  524. /* line 532, ../sass/screen.scss */
  525. #profil-user #mails-jours-prod .form-group {
  526. float: left;
  527. margin-right: 15px;
  528. }
  529. /* line 535, ../sass/screen.scss */
  530. #profil-user #mails-jours-prod .form-group label {
  531. font-weight: normal;
  532. }
  533. /* line 541, ../sass/screen.scss */
  534. #profil-user p.strong {
  535. font-weight: bold;
  536. }
  537. /* login */
  538. /* line 550, ../sass/screen.scss */
  539. .site-login .col-lg-5 {
  540. margin: 0px auto;
  541. float: none;
  542. }
  543. /* signup */
  544. /* line 558, ../sass/screen.scss */
  545. .modal-backdrop {
  546. z-index: -1;
  547. }
  548. /* line 563, ../sass/screen.scss */
  549. .site-signup .col-lg-5 {
  550. margin: 0px auto;
  551. float: none;
  552. }
  553. /* line 573, ../sass/screen.scss */
  554. #modal-cgv .modal-body h2 {
  555. margin-bottom: 5px;
  556. padding-bottom: 0px;
  557. font-size: 20px;
  558. margin-top: 0px;
  559. }
  560. /* line 583, ../sass/screen.scss */
  561. #form-signup #client-boulanger {
  562. margin-bottom: 30px;
  563. }
  564. /* line 588, ../sass/screen.scss */
  565. #form-signup #signupform-id_etablissement option:disabled {
  566. font-weight: bold;
  567. color: black;
  568. }
  569. /* line 594, ../sass/screen.scss */
  570. #form-signup #champs-boulanger {
  571. display: none;
  572. }
  573. /* line 598, ../sass/screen.scss */
  574. #form-signup #boutons-inscrire {
  575. margin-top: 30px;
  576. }
  577. /* line 2, ../sass/_systeme_commandes.scss */
  578. h1.title-systeme-commande {
  579. color: black;
  580. padding-bottom: 35px;
  581. font-size: 30px;
  582. line-height: 35px;
  583. font-family: "myriadpro-regular";
  584. font-family: "comfortaalight";
  585. text-align: center;
  586. position: relative;
  587. margin-top: 30px;
  588. }
  589. /* line 14, ../sass/_systeme_commandes.scss */
  590. h1.title-systeme-commande img {
  591. width: 35px;
  592. margin-right: 7px;
  593. }
  594. /* line 20, ../sass/_systeme_commandes.scss */
  595. h2 {
  596. font-size: 20px;
  597. text-transform: uppercase;
  598. }
  599. /* line 28, ../sass/_systeme_commandes.scss */
  600. #addetablissementform-id_etablissement option:disabled,
  601. #signupform-id_etablissement option:disabled {
  602. font-weight: bold;
  603. color: black;
  604. }
  605. /* line 32, ../sass/_systeme_commandes.scss */
  606. #addetablissementform-id_etablissement .lock,
  607. #signupform-id_etablissement .lock {
  608. position: relative;
  609. }
  610. /* line 36, ../sass/_systeme_commandes.scss */
  611. #addetablissementform-id_etablissement .lock:before,
  612. #signupform-id_etablissement .lock:before {
  613. font-family: "Glyphicons Halflings";
  614. content: "\e033";
  615. font-style: normal;
  616. font-weight: 400;
  617. line-height: 1;
  618. position: relative;
  619. top: 1px;
  620. right: 0px;
  621. }
  622. /* line 48, ../sass/_systeme_commandes.scss */
  623. #bloc-code-acces {
  624. display: none;
  625. }
  626. /* line 59, ../sass/_systeme_commandes.scss */
  627. #main .liste-etablissements .boulangerie {
  628. padding-left: 0px;
  629. padding-right: 30px;
  630. }
  631. /* line 63, ../sass/_systeme_commandes.scss */
  632. #main .liste-etablissements .boulangerie .panel {
  633. margin-bottom: 13px;
  634. }
  635. /* line 67, ../sass/_systeme_commandes.scss */
  636. #main .liste-etablissements .boulangerie.selected .panel {
  637. border-bottom: solid 3px #BB8757;
  638. margin-bottom: 11px;
  639. }
  640. /* line 72, ../sass/_systeme_commandes.scss */
  641. #main .liste-etablissements .boulangerie .panel-heading {
  642. height: 150px;
  643. overflow: hidden;
  644. padding: 0px;
  645. background: none;
  646. background-color: #F8F1DD;
  647. }
  648. /* line 79, ../sass/_systeme_commandes.scss */
  649. #main .liste-etablissements .boulangerie .panel-heading .img-back {
  650. width: 100%;
  651. height: auto;
  652. position: relative;
  653. top: -50%;
  654. }
  655. /* line 88, ../sass/_systeme_commandes.scss */
  656. #main .liste-etablissements .boulangerie .panel-body {
  657. position: relative;
  658. width: 100%;
  659. height: 150px;
  660. max-height: 150px;
  661. text-align: center;
  662. }
  663. /* line 95, ../sass/_systeme_commandes.scss */
  664. #main .liste-etablissements .boulangerie .panel-body h3 {
  665. margin-bottom: 4px;
  666. }
  667. /* line 99, ../sass/_systeme_commandes.scss */
  668. #main .liste-etablissements .boulangerie .panel-body .localite {
  669. color: gray;
  670. margin-bottom: 10px;
  671. }
  672. /* line 104, ../sass/_systeme_commandes.scss */
  673. #main .liste-etablissements .boulangerie .panel-body .glyphicon-check {
  674. color: #BB8757;
  675. font-size: 40px;
  676. position: absolute;
  677. top: 34px;
  678. left: 32px;
  679. }
  680. /* line 112, ../sass/_systeme_commandes.scss */
  681. #main .liste-etablissements .boulangerie .panel-body .remove {
  682. position: absolute;
  683. top: 10px;
  684. right: 10px;
  685. }
  686. /* line 118, ../sass/_systeme_commandes.scss */
  687. #main .liste-etablissements .boulangerie .panel-body .logo {
  688. display: none;
  689. width: 150px;
  690. position: absolute;
  691. top: -40px;
  692. left: 50%;
  693. margin-left: -75px;
  694. background-color: white;
  695. padding: 10px 20px;
  696. }
  697. /* line 129, ../sass/_systeme_commandes.scss */
  698. #main .liste-etablissements .boulangerie .panel-body .heure-limite-commande,
  699. #main .liste-etablissements .boulangerie .panel-body .credit-pain {
  700. margin-top: 15px;
  701. font-size: 13px;
  702. }
  703. /* line 135, ../sass/_systeme_commandes.scss */
  704. #main .liste-etablissements .boulangerie .panel-body .heure-limite-commande {
  705. float: left;
  706. }
  707. /* line 139, ../sass/_systeme_commandes.scss */
  708. #main .liste-etablissements .boulangerie .panel-body .credit-pain {
  709. float: right;
  710. }
  711. /* line 142, ../sass/_systeme_commandes.scss */
  712. #main .liste-etablissements .boulangerie .panel-body .credit-pain .montant {
  713. font-size: 16px;
  714. color: #BB8757;
  715. background-color: #F8F1DD;
  716. padding: 2px 10px;
  717. -moz-border-radius: 5px;
  718. -webkit-border-radius: 5px;
  719. border-radius: 5px;
  720. font-weight: bold;
  721. }
  722. /* line 149, ../sass/_systeme_commandes.scss */
  723. #main .liste-etablissements .boulangerie .panel-body .credit-pain .montant .glyphicon {
  724. font-size: 13px;
  725. }
  726. /* line 155, ../sass/_systeme_commandes.scss */
  727. #main .liste-etablissements .boulangerie .panel-body .info-credit-pain {
  728. font-size: 17px;
  729. position: relative;
  730. top: 2px;
  731. left: 3px;
  732. color: #BB8757;
  733. }
  734. /* line 166, ../sass/_systeme_commandes.scss */
  735. #index-commande {
  736. position: relative;
  737. }
  738. /* line 169, ../sass/_systeme_commandes.scss */
  739. #index-commande #logout {
  740. position: absolute;
  741. /*top: 45px ;
  742. right: 93px ;*/
  743. top: 0;
  744. right: 0;
  745. z-index: 10;
  746. }
  747. /* line 178, ../sass/_systeme_commandes.scss */
  748. #index-commande .accueil {
  749. text-align: center;
  750. padding-bottom: 20px;
  751. }
  752. /* line 183, ../sass/_systeme_commandes.scss */
  753. #index-commande #bloc-add-etablissement {
  754. padding-left: 0px;
  755. padding-right: 30px;
  756. }
  757. /* line 187, ../sass/_systeme_commandes.scss */
  758. #index-commande #bloc-add-etablissement .help-block {
  759. padding-bottom: 0px;
  760. }
  761. /* line 191, ../sass/_systeme_commandes.scss */
  762. #index-commande #bloc-add-etablissement .field-addetablissementform-id_etablissement {
  763. width: 70%;
  764. float: left;
  765. }
  766. /* line 196, ../sass/_systeme_commandes.scss */
  767. #index-commande #bloc-add-etablissement .field-addetablissementform-code {
  768. width: 70%;
  769. float: left;
  770. }
  771. /* line 201, ../sass/_systeme_commandes.scss */
  772. #index-commande #bloc-add-etablissement .btn {
  773. float: right;
  774. position: relative;
  775. top: 20px;
  776. }
  777. /* line 207, ../sass/_systeme_commandes.scss */
  778. #index-commande #bloc-add-etablissement .panel-heading {
  779. background: none;
  780. background-color: white;
  781. cursor: pointer;
  782. }
  783. /* line 213, ../sass/_systeme_commandes.scss */
  784. #index-commande #bloc-add-etablissement .panel-body {
  785. display: none;
  786. }
  787. /* line 219, ../sass/_systeme_commandes.scss */
  788. #index-commande #historique-commandes .statut, #index-commande #historique-commandes .montant {
  789. width: 175px;
  790. }
  791. /* line 222, ../sass/_systeme_commandes.scss */
  792. #index-commande #historique-commandes .montant {
  793. width: 100px;
  794. }
  795. /* line 229, ../sass/_systeme_commandes.scss */
  796. #index-commande #historique-commandes .localite {
  797. font-size: 11px;
  798. lin-height: 11px;
  799. }
  800. /* line 234, ../sass/_systeme_commandes.scss */
  801. #index-commande #historique-commandes a {
  802. text-decoration: none;
  803. }
  804. /* line 238, ../sass/_systeme_commandes.scss */
  805. #index-commande #historique-commandes .commentaire {
  806. margin-top: 5px;
  807. }
  808. /* line 240, ../sass/_systeme_commandes.scss */
  809. #index-commande #historique-commandes .commentaire span {
  810. font-size: 12px;
  811. background-color: white;
  812. color: #BB8757;
  813. font-weight: bold;
  814. -moz-border-radius: 5px;
  815. -webkit-border-radius: 5px;
  816. border-radius: 5px;
  817. padding: 5px 10px;
  818. border: solid 1px #ccc;
  819. }
  820. /* line 253, ../sass/_systeme_commandes.scss */
  821. .commande-form {
  822. min-height: 600px;
  823. padding-bottom: 60px;
  824. }
  825. /* line 258, ../sass/_systeme_commandes.scss */
  826. .commande-form h2 {
  827. font-family: "myriadpro-regular";
  828. }
  829. /* line 262, ../sass/_systeme_commandes.scss */
  830. .commande-form #infos-importantes.alert-warning {
  831. float: right;
  832. }
  833. /* line 268, ../sass/_systeme_commandes.scss */
  834. .commande-form #datepicker-production .ui-datepicker {
  835. float: left;
  836. margin-right: 20px;
  837. font-size: 20px;
  838. }
  839. /* line 274, ../sass/_systeme_commandes.scss */
  840. .commande-form #datepicker-production .ui-datepicker-header {
  841. background-color: #BB8757;
  842. }
  843. /* line 278, ../sass/_systeme_commandes.scss */
  844. .commande-form #datepicker-production .ui-datepicker-title {
  845. color: white;
  846. }
  847. /* line 284, ../sass/_systeme_commandes.scss */
  848. .commande-form #datepicker-production .ui-datepicker-prev:hover,
  849. .commande-form #datepicker-production .ui-datepicker-next:hover {
  850. border: 0px none;
  851. background: none;
  852. }
  853. /* line 290, ../sass/_systeme_commandes.scss */
  854. .commande-form #datepicker-production .ui-helper-clearfix:after {
  855. clear: none;
  856. }
  857. /* line 295, ../sass/_systeme_commandes.scss */
  858. .commande-form #datepicker-production .ui-datepicker-calendar a {
  859. text-decoration: none;
  860. background-color: #F8F1DD;
  861. }
  862. /* line 298, ../sass/_systeme_commandes.scss */
  863. .commande-form #datepicker-production .ui-datepicker-calendar a.ui-state-hover, .commande-form #datepicker-production .ui-datepicker-calendar a.ui-state-active {
  864. background-color: #BB8757;
  865. color: white;
  866. border-color: #cdc3b7;
  867. }
  868. /* line 307, ../sass/_systeme_commandes.scss */
  869. .commande-form .date-commande {
  870. margin-bottom: 53px;
  871. }
  872. /* line 309, ../sass/_systeme_commandes.scss */
  873. .commande-form .date-commande span {
  874. background-color: #BB8757;
  875. color: white;
  876. -moz-border-radius: 10px;
  877. -webkit-border-radius: 10px;
  878. border-radius: 10px;
  879. padding: 10px;
  880. font-family: "myriadpro-regular";
  881. font-size: 20px;
  882. }
  883. /* line 319, ../sass/_systeme_commandes.scss */
  884. .commande-form #has-commande-en-cours {
  885. margin-top: 15px;
  886. }
  887. /* line 322, ../sass/_systeme_commandes.scss */
  888. .commande-form #has-commande-en-cours a {
  889. color: #a94442;
  890. text-decoration: none;
  891. font-weight: bold;
  892. }
  893. /* line 329, ../sass/_systeme_commandes.scss */
  894. .commande-form .field-commande-id_production {
  895. display: none;
  896. }
  897. /* line 333, ../sass/_systeme_commandes.scss */
  898. .commande-form .field-commande-id_point_vente {
  899. margin-top: 30px;
  900. }
  901. /* line 337, ../sass/_systeme_commandes.scss */
  902. .commande-form .field-commande-id_production {
  903. margin-bottom: 0px;
  904. }
  905. /* line 339, ../sass/_systeme_commandes.scss */
  906. .commande-form .field-commande-id_production label {
  907. margin-bottom: 0px;
  908. }
  909. /* line 343, ../sass/_systeme_commandes.scss */
  910. .commande-form .field-commande-id_production .help-block {
  911. margin-bottom: 0px;
  912. }
  913. /* line 348, ../sass/_systeme_commandes.scss */
  914. .commande-form .field-commande-id_point_vente {
  915. display: none;
  916. }
  917. /* line 352, ../sass/_systeme_commandes.scss */
  918. .commande-form .blocs {
  919. list-style-type: none;
  920. margin: 0px;
  921. padding: 0px;
  922. }
  923. /* line 357, ../sass/_systeme_commandes.scss */
  924. .commande-form .blocs .bloc {
  925. text-decoration: none;
  926. width: 268px;
  927. height: 130px;
  928. float: left;
  929. padding: 20px;
  930. margin-right: 20px;
  931. margin-bottom: 8px;
  932. cursor: pointer;
  933. float: left;
  934. background-color: #f9f9f9;
  935. background-color: white;
  936. border: 1px solid #d8d8d8;
  937. }
  938. /* line 372, ../sass/_systeme_commandes.scss */
  939. .commande-form .blocs .bloc .nom {
  940. font-family: "comfortaalight";
  941. font-size: 20px;
  942. }
  943. /* line 378, ../sass/_systeme_commandes.scss */
  944. .commande-form .blocs .bloc .adresse {
  945. color: gray;
  946. font-size: 13px;
  947. line-height: 16px;
  948. }
  949. /* line 384, ../sass/_systeme_commandes.scss */
  950. .commande-form .blocs .bloc .horaires {
  951. margin-top: 7px;
  952. }
  953. /* line 386, ../sass/_systeme_commandes.scss */
  954. .commande-form .blocs .bloc .horaires .jour {
  955. font-weight: bold;
  956. display: none;
  957. }
  958. /* line 393, ../sass/_systeme_commandes.scss */
  959. .commande-form .blocs .bloc.selected {
  960. border-left: solid 5px #BB8757;
  961. }
  962. /* line 396, ../sass/_systeme_commandes.scss */
  963. .commande-form .blocs .bloc.selected .contenu {
  964. position: relative;
  965. left: -4px;
  966. }
  967. /* line 402, ../sass/_systeme_commandes.scss */
  968. .commande-form .blocs .bloc:hover {
  969. -moz-box-shadow: 0px 0px 5px #d8d8d8;
  970. -webkit-box-shadow: 0px 0px 5px #d8d8d8;
  971. box-shadow: 0px 0px 5px #d8d8d8;
  972. }
  973. /* line 407, ../sass/_systeme_commandes.scss */
  974. .commande-form .blocs .bloc.disabled {
  975. display: none;
  976. }
  977. /* line 412, ../sass/_systeme_commandes.scss */
  978. .commande-form .blocs .bloc .commentaire {
  979. margin-top: 5px;
  980. }
  981. /* line 414, ../sass/_systeme_commandes.scss */
  982. .commande-form .blocs .bloc .commentaire span {
  983. background-color: #BB8757;
  984. -moz-border-radius: 5px;
  985. -webkit-border-radius: 5px;
  986. border-radius: 5px;
  987. color: white;
  988. font-weight: bold;
  989. padding: 3px 10px;
  990. }
  991. /* line 425, ../sass/_systeme_commandes.scss */
  992. .commande-form #produits {
  993. margin-top: 15px;
  994. }
  995. /* line 428, ../sass/_systeme_commandes.scss */
  996. .commande-form #produits #label-produits {
  997. display: block;
  998. margin-bottom: 5px;
  999. }
  1000. /* line 433, ../sass/_systeme_commandes.scss */
  1001. .commande-form #produits .table {
  1002. margin-top: 7px;
  1003. }
  1004. /* line 436, ../sass/_systeme_commandes.scss */
  1005. .commande-form #produits .table .illu {
  1006. float: left;
  1007. height: auto;
  1008. width: 70px;
  1009. margin-right: 15px;
  1010. }
  1011. /* line 443, ../sass/_systeme_commandes.scss */
  1012. .commande-form #produits .table .photo {
  1013. padding: 0px;
  1014. width: 120px;
  1015. }
  1016. /* line 448, ../sass/_systeme_commandes.scss */
  1017. .commande-form #produits .table .th-photo, .commande-form #produits .table .td-photo {
  1018. width: 120px;
  1019. }
  1020. /* line 452, ../sass/_systeme_commandes.scss */
  1021. .commande-form #produits .table .nom {
  1022. font-family: "comfortaalight";
  1023. font-weight: bold;
  1024. text-transform: uppercase;
  1025. font-size: 18px;
  1026. }
  1027. /* line 459, ../sass/_systeme_commandes.scss */
  1028. .commande-form #produits .table .description {
  1029. font-style: italic;
  1030. }
  1031. /* line 463, ../sass/_systeme_commandes.scss */
  1032. .commande-form #produits .table .recette {
  1033. font-size: 12px;
  1034. }
  1035. /* line 467, ../sass/_systeme_commandes.scss */
  1036. .commande-form #produits .table .input-group {
  1037. width: 133px;
  1038. }
  1039. /* line 469, ../sass/_systeme_commandes.scss */
  1040. .commande-form #produits .table .input-group .quantity {
  1041. text-align: center;
  1042. }
  1043. /* line 474, ../sass/_systeme_commandes.scss */
  1044. .commande-form #produits .table .colonne-quantite, .commande-form #produits .table .prix-unit, .commande-form #produits .table .total {
  1045. width: 150px;
  1046. text-align: center;
  1047. }
  1048. /* line 479, ../sass/_systeme_commandes.scss */
  1049. .commande-form #produits .table td#total-commande, .commande-form #produits .table td#total-commande-vrac, .commande-form #produits .table td.total {
  1050. text-align: center;
  1051. }
  1052. /* line 483, ../sass/_systeme_commandes.scss */
  1053. .commande-form #produits .table .epuise {
  1054. display: none;
  1055. text-transform: uppercase;
  1056. color: #B32815;
  1057. font-weight: bold;
  1058. font-size: 16px;
  1059. text-align: center;
  1060. }
  1061. /* line 492, ../sass/_systeme_commandes.scss */
  1062. .commande-form #produits .table .quantite-restante {
  1063. font-size: 12px;
  1064. margin-top: 8px;
  1065. }
  1066. /* line 496, ../sass/_systeme_commandes.scss */
  1067. .commande-form #produits .table .quantite-restante .nb {
  1068. font-weight: bold;
  1069. }
  1070. /* line 501, ../sass/_systeme_commandes.scss */
  1071. .commande-form #produits .table td.produit, .commande-form #produits .table th.produit {
  1072. width: 70%;
  1073. }
  1074. /* line 505, ../sass/_systeme_commandes.scss */
  1075. .commande-form #produits .table td.prix-unit, .commande-form #produits .table th.prix-unit {
  1076. width: 10%;
  1077. }
  1078. /* line 509, ../sass/_systeme_commandes.scss */
  1079. .commande-form #produits .table td.colonne-quantite, .commande-form #produits .table th.colonne-quantite {
  1080. width: 10%;
  1081. }
  1082. /* line 513, ../sass/_systeme_commandes.scss */
  1083. .commande-form #produits .table td.total, .commande-form #produits .table th.total {
  1084. width: 10%;
  1085. }
  1086. /* line 519, ../sass/_systeme_commandes.scss */
  1087. .commande-form #bar-fixed {
  1088. display: none;
  1089. position: fixed;
  1090. bottom: 0px;
  1091. z-index: 100;
  1092. background-color: white;
  1093. padding: 15px;
  1094. margin-bottom: 0px;
  1095. -moz-box-shadow: 0 0 5px gray;
  1096. -webkit-box-shadow: 0 0 5px gray;
  1097. box-shadow: 0 0 5px gray;
  1098. -moz-border-radius: 10px 10px 0px 0px;
  1099. -webkit-border-radius: 10px;
  1100. border-radius: 10px 10px 0px 0px;
  1101. border-top: solid 1px #e0e0e0;
  1102. background-color: #F9F9F9;
  1103. background-color: #F8F1DD;
  1104. text-align: center;
  1105. }
  1106. /* line 536, ../sass/_systeme_commandes.scss */
  1107. .commande-form #bar-fixed.not-fixed {
  1108. position: relative;
  1109. -moz-box-shadow: none;
  1110. -webkit-box-shadow: none;
  1111. box-shadow: none;
  1112. -moz-border-radius: 0px;
  1113. -webkit-border-radius: 0px;
  1114. border-radius: 0px;
  1115. border: solid 1px #e0e0e0;
  1116. padding-right: 20px;
  1117. }
  1118. /* line 545, ../sass/_systeme_commandes.scss */
  1119. .commande-form #bar-fixed.no-credit-pain #bloc-valider-commande {
  1120. margin-top: 0px;
  1121. float: right;
  1122. }
  1123. /* line 551, ../sass/_systeme_commandes.scss */
  1124. .commande-form #bar-fixed #total-commande-bottom {
  1125. background-color: white;
  1126. -moz-border-radius: 20px;
  1127. -webkit-border-radius: 20px;
  1128. border-radius: 20px;
  1129. padding: 5px 25px;
  1130. border: solid 1px #e0e0e0;
  1131. }
  1132. /* line 558, ../sass/_systeme_commandes.scss */
  1133. .commande-form #bar-fixed .btn-commentaire {
  1134. float: left;
  1135. }
  1136. /* line 566, ../sass/_systeme_commandes.scss */
  1137. .commande-form #bar-fixed .btn-commentaire {
  1138. margin-right: 10px;
  1139. }
  1140. /* line 570, ../sass/_systeme_commandes.scss */
  1141. .commande-form #bar-fixed #bloc-valider-commande {
  1142. text-align: right;
  1143. margin-top: 20px;
  1144. }
  1145. /* line 574, ../sass/_systeme_commandes.scss */
  1146. .commande-form #bar-fixed #bloc-valider-commande button {
  1147. width: 340px;
  1148. margin-right: 10px;
  1149. }
  1150. /* line 580, ../sass/_systeme_commandes.scss */
  1151. .commande-form #bar-fixed #checkbox-credit-pain {
  1152. float: right;
  1153. width: 340px;
  1154. padding: 3px 11px;
  1155. background-color: white;
  1156. border: solid 1px #ccc;
  1157. -moz-border-radius: 5px;
  1158. -webkit-border-radius: 5px;
  1159. border-radius: 5px;
  1160. margin-right: 10px;
  1161. text-shadow: 0 1px 0 #fff;
  1162. -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
  1163. -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
  1164. box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
  1165. }
  1166. /* line 591, ../sass/_systeme_commandes.scss */
  1167. .commande-form #bar-fixed #checkbox-credit-pain.paiement-impossible {
  1168. background-color: #e0e0e0;
  1169. }
  1170. /* line 595, ../sass/_systeme_commandes.scss */
  1171. .commande-form #bar-fixed #checkbox-credit-pain .info {
  1172. color: gray;
  1173. font-weight: normal;
  1174. }
  1175. /* line 600, ../sass/_systeme_commandes.scss */
  1176. .commande-form #bar-fixed #checkbox-credit-pain .the-credit {
  1177. background-color: #BB8757;
  1178. color: white;
  1179. padding: 2px 8px;
  1180. -moz-border-radius: 5px;
  1181. -webkit-border-radius: 5px;
  1182. border-radius: 5px;
  1183. }
  1184. /* line 607, ../sass/_systeme_commandes.scss */
  1185. .commande-form #bar-fixed #checkbox-credit-pain .montant-paye {
  1186. color: #BB8757;
  1187. }
  1188. /* line 611, ../sass/_systeme_commandes.scss */
  1189. .commande-form #bar-fixed #checkbox-credit-pain #info-credit-vide {
  1190. font-size: 12px;
  1191. }
  1192. /* line 615, ../sass/_systeme_commandes.scss */
  1193. .commande-form #bar-fixed #checkbox-credit-pain #credit-pain-disabled {
  1194. display: none;
  1195. font-size: 12px;
  1196. }
  1197. /* line 621, ../sass/_systeme_commandes.scss */
  1198. .commande-form #bar-fixed .btn-retour, .commande-form #bar-fixed .annuler-commande {
  1199. float: left;
  1200. margin-right: 5px;
  1201. }
  1202. /* line 626, ../sass/_systeme_commandes.scss */
  1203. .commande-form #bar-fixed .annuler-commande {
  1204. color: #b92c28;
  1205. background-color: white;
  1206. }
  1207. /* line 631, ../sass/_systeme_commandes.scss */
  1208. .commande-form #bar-fixed #total-commande-bottom {
  1209. display: none;
  1210. font-weight: bold;
  1211. font-family: "comfortaalight";
  1212. font-size: 24px;
  1213. }
  1214. /* line 638, ../sass/_systeme_commandes.scss */
  1215. .commande-form #bar-fixed .field-commande-commentaire {
  1216. display: none;
  1217. }
  1218. /* line 646, ../sass/_systeme_commandes.scss */
  1219. .ui-datepicker .ui-widget-header {
  1220. background: none;
  1221. background-color: gray;
  1222. border: 0px none;
  1223. color: black;
  1224. font-weight: normal;
  1225. }
  1226. /* line 654, ../sass/_systeme_commandes.scss */
  1227. .ui-datepicker .ui-datepicker-current-day a,
  1228. .ui-datepicker a.ui-state-hover {
  1229. background: none;
  1230. background-color: gray;
  1231. border-color: black;
  1232. color: black;
  1233. }
  1234. /* line 667, ../sass/_systeme_commandes.scss */
  1235. #page-etablissement h1 {
  1236. font-size: 40px;
  1237. }
  1238. /* line 670, ../sass/_systeme_commandes.scss */
  1239. #page-etablissement .info {
  1240. text-align: center;
  1241. }
  1242. @media screen and (max-width: 1000px) {
  1243. /* line 3, ../sass/_responsive.scss */
  1244. #content {
  1245. padding-top: 0px;
  1246. }
  1247. /* line 7, ../sass/_responsive.scss */
  1248. #header {
  1249. position: relative;
  1250. }
  1251. /* line 12, ../sass/_responsive.scss */
  1252. #header nav ul {
  1253. margin-top: 5px;
  1254. float: left;
  1255. }
  1256. /* line 15, ../sass/_responsive.scss */
  1257. #header nav ul li {
  1258. float: right;
  1259. display: none;
  1260. }
  1261. /* line 19, ../sass/_responsive.scss */
  1262. #header nav ul li a {
  1263. padding: 5px;
  1264. height: auto;
  1265. line-height: 20px;
  1266. }
  1267. /* line 28, ../sass/_responsive.scss */
  1268. #header nav {
  1269. width: 100%;
  1270. }
  1271. /* line 30, ../sass/_responsive.scss */
  1272. #header nav ul {
  1273. float: none;
  1274. margin: 0px none;
  1275. }
  1276. /* line 36, ../sass/_responsive.scss */
  1277. #header nav ul li#logo {
  1278. display: block;
  1279. }
  1280. /* line 43, ../sass/_responsive.scss */
  1281. #header a#link-commander {
  1282. display: none;
  1283. }
  1284. /* line 48, ../sass/_responsive.scss */
  1285. #content #points-vente .content {
  1286. padding-left: 10px;
  1287. margin-top: 30px;
  1288. }
  1289. /* line 53, ../sass/_responsive.scss */
  1290. #menu-user {
  1291. position: relative;
  1292. top: 0px;
  1293. }
  1294. /* line 58, ../sass/_responsive.scss */
  1295. .connected #content {
  1296. padding-top: 0px;
  1297. }
  1298. }