Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

1674 lines
42KB

  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 25, ../sass/screen.scss */
  55. html {
  56. height: 100%;
  57. }
  58. /* line 29, ../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. background-color: #F8F1DD;
  68. }
  69. /* line 40, ../sass/screen.scss */
  70. strong {
  71. font-weight: bold;
  72. }
  73. /* line 44, ../sass/screen.scss */
  74. #main {
  75. background-color: white;
  76. }
  77. /* line 46, ../sass/screen.scss */
  78. #main a {
  79. color: #505050;
  80. text-decoration: underline;
  81. }
  82. /* line 50, ../sass/screen.scss */
  83. #main a:focus, #main a:active {
  84. outline-color: gray;
  85. color: #BB8757;
  86. }
  87. /* line 55, ../sass/screen.scss */
  88. #main a:hover {
  89. color: #BB8757;
  90. }
  91. /* line 59, ../sass/screen.scss */
  92. #main a.btn {
  93. text-decoration: none;
  94. }
  95. /* line 64, ../sass/screen.scss */
  96. #main .btn-primary {
  97. background-color: #BB8757;
  98. border: solid 1px #BB8757;
  99. color: white;
  100. }
  101. /* line 69, ../sass/screen.scss */
  102. #main .btn-primary:hover, #main .btn-primary:active, #main .btn-primary:focus {
  103. background-color: #b17a48;
  104. border: solid 1px #BB8757;
  105. color: white;
  106. }
  107. /* line 76, ../sass/screen.scss */
  108. #main .form-control:focus {
  109. -moz-box-shadow: none;
  110. -webkit-box-shadow: none;
  111. box-shadow: none;
  112. border: solid 1px #BB8757;
  113. }
  114. /* line 82, ../sass/screen.scss */
  115. p {
  116. padding-bottom: 20px;
  117. line-height: 21px;
  118. }
  119. /* line 87, ../sass/screen.scss */
  120. ul {
  121. padding-left: 20px;
  122. list-style-type: disc;
  123. margin-bottom: 10px;
  124. }
  125. /* line 92, ../sass/screen.scss */
  126. ul li {
  127. padding-left: 5px;
  128. }
  129. /* line 97, ../sass/screen.scss */
  130. .clr {
  131. clear: both;
  132. }
  133. /* line 101, ../sass/screen.scss */
  134. .btn {
  135. background-image: none;
  136. }
  137. /* line 105, ../sass/screen.scss */
  138. #main .alert {
  139. background-image: none;
  140. background-color: white;
  141. border-bottom-width: 3px;
  142. }
  143. /* line 113, ../sass/screen.scss */
  144. .alert.alert-warning a {
  145. color: #8a6d3b;
  146. }
  147. /* line 124, ../sass/screen.scss */
  148. #main {
  149. position: relative;
  150. }
  151. /* line 126, ../sass/screen.scss */
  152. #main .inner {
  153. width: 960px;
  154. margin: 0px auto;
  155. }
  156. /* line 133, ../sass/screen.scss */
  157. #content .content-text h1 {
  158. font-family: "myriadpro-regular";
  159. font-size: 30px;
  160. color: black;
  161. text-transform: uppercase;
  162. }
  163. /* line 140, ../sass/screen.scss */
  164. #content .content-text h2 {
  165. font-family: "comfortaaregular";
  166. font-size: 20px;
  167. text-transform: none;
  168. padding-bottom: 0px;
  169. margin-bottom: 5px;
  170. margin-top: 5px;
  171. }
  172. /* line 152, ../sass/screen.scss */
  173. #content #the-content {
  174. padding-top: 100px;
  175. padding-left: 30px;
  176. padding-right: 30px;
  177. padding-bottom: 50px;
  178. }
  179. /* line 160, ../sass/screen.scss */
  180. #block-demo {
  181. padding: 10px 0px;
  182. background-color: #BB8757;
  183. color: white;
  184. text-align: center;
  185. }
  186. /* line 166, ../sass/screen.scss */
  187. #block-demo a {
  188. color: white;
  189. text-decoration: underline;
  190. }
  191. /* line 172, ../sass/screen.scss */
  192. #header {
  193. z-index: 100;
  194. border-bottom: solid 1px #e0e0e0;
  195. background-color: #f8f1dd;
  196. }
  197. /* line 177, ../sass/screen.scss */
  198. #header .container {
  199. position: relative;
  200. }
  201. /* line 181, ../sass/screen.scss */
  202. #header #the-header {
  203. height: 80px;
  204. }
  205. /* line 185, ../sass/screen.scss */
  206. #header #env-dev {
  207. font-family: "comfortaabold";
  208. text-align: center;
  209. font-size: 18px;
  210. padding-top: 10px;
  211. padding-bottom: 10px;
  212. color: #BB8757;
  213. background-color: transparent;
  214. position: absolute;
  215. top: 18px;
  216. left: 79px;
  217. }
  218. /* line 198, ../sass/screen.scss */
  219. #header #link-home {
  220. position: absolute;
  221. top: 10px;
  222. left: 0px;
  223. text-decoration: none;
  224. font-size: 22px;
  225. color: black;
  226. display: block;
  227. }
  228. /* line 207, ../sass/screen.scss */
  229. #header #link-home img {
  230. height: 50px;
  231. margin-bottom: 5px;
  232. float: left;
  233. }
  234. /* line 213, ../sass/screen.scss */
  235. #header #link-home .text {
  236. float: left;
  237. padding-left: 10px;
  238. }
  239. /* line 217, ../sass/screen.scss */
  240. #header #link-home .text .bap {
  241. font-family: "comfortaalight";
  242. font-size: 24px;
  243. }
  244. /* line 222, ../sass/screen.scss */
  245. #header #link-home .text .plateforme {
  246. font-size: 17px;
  247. font-family: "myriadpro-light";
  248. color: #BB8757;
  249. }
  250. /* line 230, ../sass/screen.scss */
  251. #header #link-espace-boulanger {
  252. border-left: solid 1px #e0e0e0;
  253. color: #BB8757;
  254. }
  255. /* line 235, ../sass/screen.scss */
  256. #header nav {
  257. padding-top: 22px;
  258. }
  259. /* line 237, ../sass/screen.scss */
  260. #header nav ul {
  261. float: right;
  262. }
  263. /* line 240, ../sass/screen.scss */
  264. #header nav ul li a {
  265. text-decoration: none;
  266. color: #505050;
  267. }
  268. /* line 244, ../sass/screen.scss */
  269. #header nav ul li a:hover {
  270. color: black;
  271. background-color: white;
  272. }
  273. /* line 251, ../sass/screen.scss */
  274. #header nav ul li.active a {
  275. background-color: white;
  276. }
  277. /* line 256, ../sass/screen.scss */
  278. #header nav ul li#link-producteurs {
  279. border-right: solid 1px #e0e0e0;
  280. }
  281. /* line 266, ../sass/screen.scss */
  282. #header #link-logout .nom {
  283. color: gray;
  284. font-size: 10px;
  285. left: 18px;
  286. position: relative;
  287. top: -4px;
  288. }
  289. /* line 283, ../sass/screen.scss */
  290. #content {
  291. position: relative;
  292. padding: 20px 0px;
  293. padding-top: 35px;
  294. padding-bottom: 50px;
  295. }
  296. /* line 289, ../sass/screen.scss */
  297. #content h1#title-site {
  298. font-family: "comfortaalight";
  299. font-size: 50px;
  300. }
  301. /* line 296, ../sass/screen.scss */
  302. #content h2 {
  303. color: black;
  304. padding-bottom: 15px;
  305. font-size: 25px;
  306. line-height: 35px;
  307. font-family: "myriadpro-regular";
  308. text-transform: uppercase;
  309. position: relative;
  310. margin-top: 30px;
  311. }
  312. /* line 307, ../sass/screen.scss */
  313. #content h3 {
  314. color: black;
  315. font-size: 20px;
  316. }
  317. /* line 315, ../sass/screen.scss */
  318. #content #description img {
  319. width: 100%;
  320. }
  321. /* line 320, ../sass/screen.scss */
  322. #content #main-img {
  323. max-width: 100%;
  324. border: solid 1px #e0e0e0;
  325. padding: 5px;
  326. -moz-border-radius: 5px;
  327. -webkit-border-radius: 5px;
  328. border-radius: 5px;
  329. }
  330. /* line 329, ../sass/screen.scss */
  331. #content #row-presentation h1 {
  332. color: black;
  333. }
  334. /* line 332, ../sass/screen.scss */
  335. #content #row-presentation strong {
  336. font-family: "myriadpro-light";
  337. font-size: 20px;
  338. color: #B17A48;
  339. }
  340. /* line 339, ../sass/screen.scss */
  341. #content #row-signup {
  342. text-align: center;
  343. margin-top: 40px;
  344. padding-top: 40px;
  345. }
  346. /* line 344, ../sass/screen.scss */
  347. #content #row-signup a.btn {
  348. padding: 10px 20px;
  349. font-size: 20px;
  350. text-transform: uppercase;
  351. }
  352. /* line 350, ../sass/screen.scss */
  353. #content #row-signup a.btn-primary {
  354. margin-right: 15px;
  355. }
  356. /* line 355, ../sass/screen.scss */
  357. #content #row-clients-boulanger {
  358. margin-bottom: 50px;
  359. }
  360. /* line 358, ../sass/screen.scss */
  361. #content #row-clients-boulanger h2 {
  362. margin-bottom: 10px;
  363. }
  364. /* line 360, ../sass/screen.scss */
  365. #content #row-clients-boulanger h2 .img {
  366. height: 50px;
  367. }
  368. /* line 363, ../sass/screen.scss */
  369. #content #row-clients-boulanger h2 span {
  370. margin-left: 10px;
  371. font-size: 25px;
  372. position: relative;
  373. top: 5px;
  374. }
  375. /* line 371, ../sass/screen.scss */
  376. #content #row-clients-boulanger ul {
  377. text-align: left;
  378. }
  379. /* line 373, ../sass/screen.scss */
  380. #content #row-clients-boulanger ul li {
  381. list-style-type: circle;
  382. color: #BB8757;
  383. }
  384. /* line 379, ../sass/screen.scss */
  385. #content #row-clients-boulanger p {
  386. padding-bottom: 4px;
  387. }
  388. /* line 385, ../sass/screen.scss */
  389. #content #row-clients-boulanger .boulanger .prix span {
  390. background-color: #F8F1DD;
  391. }
  392. /* line 388, ../sass/screen.scss */
  393. #content #row-clients-boulanger .boulanger .prix span a {
  394. color: #BB8757;
  395. text-decoration: none;
  396. }
  397. /* line 396, ../sass/screen.scss */
  398. #content #row-clients-boulanger .prix {
  399. padding-top: 15px;
  400. font-size: 18px;
  401. }
  402. /* line 400, ../sass/screen.scss */
  403. #content #row-clients-boulanger .prix span {
  404. color: #BB8757;
  405. border: solid 1px #BB8757;
  406. font-weight: normal;
  407. font-size: 18px;
  408. font-family: "comfortaaregular";
  409. font-family: "myriadpro-regular";
  410. text-transform: uppercase;
  411. padding: 10px 15px;
  412. padding-bottom: 7px;
  413. -moz-border-radius: 5px;
  414. -webkit-border-radius: 5px;
  415. border-radius: 5px;
  416. }
  417. /* line 415, ../sass/screen.scss */
  418. #content #row-clients-boulanger #periode-essai {
  419. margin-top: 8px;
  420. text-align: center;
  421. font-size: 13px;
  422. color: gray;
  423. font-family: "comfortaaregular";
  424. }
  425. /* line 425, ../sass/screen.scss */
  426. #content #btn-demo:hover, #content #btn-demo:focus, #content #btn-demo:active {
  427. color: black;
  428. }
  429. /* line 431, ../sass/screen.scss */
  430. #content #modal-tarifs .commission {
  431. text-align: center;
  432. font-size: 20px;
  433. text-transform: uppercase;
  434. margin-bottom: 20px;
  435. }
  436. /* line 437, ../sass/screen.scss */
  437. #content #modal-tarifs .commission span {
  438. padding: 10px 20px;
  439. border: solid 1px black;
  440. -moz-border-radius: 10px;
  441. -webkit-border-radius: 10px;
  442. border-radius: 10px;
  443. }
  444. /* line 443, ../sass/screen.scss */
  445. #content #modal-tarifs .exemple {
  446. color: gray;
  447. }
  448. /* line 450, ../sass/screen.scss */
  449. #content #contact {
  450. display: none;
  451. }
  452. /* line 454, ../sass/screen.scss */
  453. #content #contact .icon {
  454. width: 55px;
  455. top: -15px;
  456. margin-left: -70px;
  457. }
  458. /* line 463, ../sass/screen.scss */
  459. #content #contact .form-control:focus {
  460. /*@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px $jaune) ;
  461. border-color: $jaune ;*/
  462. }
  463. /* line 468, ../sass/screen.scss */
  464. #content #contact .form-group {
  465. text-align: center;
  466. }
  467. /* line 472, ../sass/screen.scss */
  468. #content #contact .img-right {
  469. float: right;
  470. }
  471. /* line 475, ../sass/screen.scss */
  472. #content #contact .img-right img {
  473. width: 300px;
  474. }
  475. /* line 482, ../sass/screen.scss */
  476. #favorite-producers {
  477. background-color: #BB8757;
  478. border-top: solid 1px #e0e0e0;
  479. padding: 0px;
  480. padding-top: 20px;
  481. margin: 0px;
  482. }
  483. /* line 489, ../sass/screen.scss */
  484. #favorite-producers h2 {
  485. font-family: "myriadpro-regular";
  486. color: #F8F1DD;
  487. text-align: left;
  488. font-size: 16px;
  489. margin: 0px;
  490. padding: 0px;
  491. margin-left: 15px;
  492. margin-bottom: 15px;
  493. }
  494. /* line 500, ../sass/screen.scss */
  495. #favorite-producers .col-md-12, #favorite-producers .col-md-6, #favorite-producers .col-md-3 {
  496. float: left;
  497. }
  498. /* line 504, ../sass/screen.scss */
  499. #favorite-producers .col-md-12 .producer {
  500. background-size: 920px auto;
  501. }
  502. /* line 507, ../sass/screen.scss */
  503. #favorite-producers .col-md-6 .producer {
  504. background-size: 460px auto;
  505. }
  506. /* line 511, ../sass/screen.scss */
  507. #favorite-producers .col-md-3 .producer {
  508. background-size: 230px auto;
  509. }
  510. /* line 515, ../sass/screen.scss */
  511. #favorite-producers .producer {
  512. position: relative;
  513. height: 100px;
  514. list-style-type: none;
  515. text-align: center;
  516. margin-bottom: 20px;
  517. background-size: 300px auto;
  518. background-position: center center;
  519. background-repeat: no-repeat;
  520. border: solid 1px #F8F1DD;
  521. }
  522. /* line 526, ../sass/screen.scss */
  523. #favorite-producers .producer a {
  524. position: absolute;
  525. bottom: 0px;
  526. left: 0px;
  527. width: 100%;
  528. background-color: #F8F1DD;
  529. border-color: #F8F1DD;
  530. color: #BB8757;
  531. }
  532. /* line 535, ../sass/screen.scss */
  533. #favorite-producers .producer a:hover {
  534. background-color: #fafafa;
  535. border-color: #F8F1DD;
  536. color: #BB8757;
  537. }
  538. /* line 543, ../sass/screen.scss */
  539. #favorite-producers #discover {
  540. padding-bottom: 20px;
  541. text-align: center;
  542. }
  543. /* line 547, ../sass/screen.scss */
  544. #favorite-producers #discover p {
  545. padding-bottom: 0px;
  546. color: #F8F1DD;
  547. }
  548. /* line 552, ../sass/screen.scss */
  549. #favorite-producers #discover .btn {
  550. background-color: #F8F1DD;
  551. color: #BB8757;
  552. border: solid 1px #F8F1DD;
  553. }
  554. /* line 561, ../sass/screen.scss */
  555. #footer {
  556. width: 100%;
  557. background-color: #F8F1DD;
  558. text-align: center;
  559. border-top: 1px solid #e0e0e0;
  560. padding-top: 30px;
  561. padding-bottom: 17px;
  562. }
  563. /* line 569, ../sass/screen.scss */
  564. #footer a {
  565. font-family: "myriadpro-regular";
  566. color: #7e7e7e;
  567. color: white;
  568. color: #505050;
  569. text-transform: uppercase;
  570. text-decoration: none;
  571. padding-left: 10px;
  572. padding-right: 10px;
  573. border-right: solid 1px #7e7e7e;
  574. border-right: solid 1px white;
  575. }
  576. /* line 580, ../sass/screen.scss */
  577. #footer a:hover {
  578. color: gray;
  579. }
  580. /* line 584, ../sass/screen.scss */
  581. #footer a:last-child {
  582. border: 0px none;
  583. }
  584. /* line 590, ../sass/screen.scss */
  585. #content #mentions {
  586. padding-top: 20px;
  587. }
  588. /* line 593, ../sass/screen.scss */
  589. #content #mentions div.content {
  590. width: 60%;
  591. font-size: 90%;
  592. }
  593. /* line 598, ../sass/screen.scss */
  594. #content #mentions p {
  595. padding-bottom: 15px;
  596. }
  597. /* line 602, ../sass/screen.scss */
  598. #content #mentions h2 {
  599. color: black;
  600. padding-bottom: 40px;
  601. font-size: 25px;
  602. line-height: 35px;
  603. font-family: "myriadpro-regular";
  604. }
  605. /* line 610, ../sass/screen.scss */
  606. #content #mentions h3 {
  607. font-family: "comfortaaregular";
  608. font-size: 18px;
  609. padding-bottom: 12px;
  610. margin-top: 10px;
  611. color: black;
  612. }
  613. /* line 621, ../sass/screen.scss */
  614. .mentions #main, .mentions body {
  615. background-color: white;
  616. }
  617. /* line 626, ../sass/screen.scss */
  618. .vegas-loading {
  619. display: none;
  620. }
  621. /* line 633, ../sass/screen.scss */
  622. #profil-user .form-group.field-user-no_mail label {
  623. font-weight: normal;
  624. }
  625. /* line 637, ../sass/screen.scss */
  626. #profil-user .form-group label {
  627. cursor: pointer;
  628. }
  629. /* line 642, ../sass/screen.scss */
  630. #profil-user #mails-jours-prod .form-group {
  631. float: left;
  632. margin-right: 15px;
  633. }
  634. /* line 645, ../sass/screen.scss */
  635. #profil-user #mails-jours-prod .form-group label {
  636. font-weight: normal;
  637. }
  638. /* line 651, ../sass/screen.scss */
  639. #profil-user p.strong {
  640. font-weight: bold;
  641. }
  642. /* login */
  643. /* line 660, ../sass/screen.scss */
  644. .site-login .col-lg-5 {
  645. margin: 0px auto;
  646. float: none;
  647. }
  648. /* signup */
  649. /* line 668, ../sass/screen.scss */
  650. .modal-backdrop {
  651. z-index: 999;
  652. }
  653. /* line 673, ../sass/screen.scss */
  654. .site-signup .col-lg-5 {
  655. margin: 0px auto;
  656. float: none;
  657. }
  658. /* line 683, ../sass/screen.scss */
  659. #modal-cgv .modal-body h2 {
  660. margin-bottom: 5px;
  661. padding-bottom: 0px;
  662. font-size: 20px;
  663. margin-top: 0px;
  664. }
  665. /* line 693, ../sass/screen.scss */
  666. #form-signup #client-boulanger {
  667. margin-bottom: 30px;
  668. }
  669. /* line 698, ../sass/screen.scss */
  670. #form-signup #signupform-id_etablissement option:disabled {
  671. font-weight: bold;
  672. color: black;
  673. }
  674. /* line 704, ../sass/screen.scss */
  675. #form-signup #champs-boulanger {
  676. display: none;
  677. }
  678. /* line 708, ../sass/screen.scss */
  679. #form-signup #boutons-inscrire {
  680. margin-top: 30px;
  681. }
  682. /* line 713, ../sass/screen.scss */
  683. #col-left {
  684. padding: 0px;
  685. z-index: 15;
  686. }
  687. /* line 717, ../sass/screen.scss */
  688. #col-left .affix {
  689. width: 25%;
  690. border-right: solid 1px #e0e0e0;
  691. background-color: #FAFAFA;
  692. height: 100%;
  693. }
  694. /* line 724, ../sass/screen.scss */
  695. #col-left #link-home {
  696. text-decoration: none;
  697. font-size: 22px;
  698. color: black;
  699. display: block;
  700. padding: 10px;
  701. background-color: #F8F1DD;
  702. }
  703. /* line 732, ../sass/screen.scss */
  704. #col-left #link-home img {
  705. height: 50px;
  706. margin-bottom: 5px;
  707. float: left;
  708. }
  709. /* line 738, ../sass/screen.scss */
  710. #col-left #link-home .text {
  711. padding-left: 62px;
  712. }
  713. /* line 741, ../sass/screen.scss */
  714. #col-left #link-home .text .bap {
  715. font-family: "comfortaalight";
  716. font-size: 24px;
  717. }
  718. /* line 746, ../sass/screen.scss */
  719. #col-left #link-home .text .plateforme {
  720. font-size: 17px;
  721. font-family: "myriadpro-light";
  722. color: #BB8757;
  723. }
  724. /* line 754, ../sass/screen.scss */
  725. #col-left h2 {
  726. font-family: "myriadpro-regular";
  727. color: black;
  728. margin: 0px;
  729. margin-bottom: 10px;
  730. padding: 15px 0px 5px 15px;
  731. }
  732. /* line 762, ../sass/screen.scss */
  733. #col-left #links {
  734. background-color: white;
  735. margin-bottom: 20px;
  736. }
  737. /* line 768, ../sass/screen.scss */
  738. #col-left #links ul li a {
  739. text-align: center;
  740. border-right: solid 1px #e0e0e0;
  741. }
  742. /* line 772, ../sass/screen.scss */
  743. #col-left #links ul li a:hover {
  744. background-color: #BB8757;
  745. color: white;
  746. }
  747. /* line 778, ../sass/screen.scss */
  748. #col-left #links ul li:last-child a {
  749. border-right: 0px none;
  750. }
  751. /* line 788, ../sass/screen.scss */
  752. #col-left #producteurs nav.nav-producteurs ul li a {
  753. padding-left: 50px;
  754. height: 40px;
  755. }
  756. /* line 794, ../sass/screen.scss */
  757. #col-left #producteurs nav.nav-producteurs ul li.active a {
  758. background-color: #BB8757;
  759. position: relative;
  760. color: white;
  761. }
  762. /* line 799, ../sass/screen.scss */
  763. #col-left #producteurs nav.nav-producteurs ul li.active a:after {
  764. right: -40px;
  765. top: 50%;
  766. border: solid transparent;
  767. content: " ";
  768. height: 0;
  769. width: 0;
  770. position: absolute;
  771. pointer-events: none;
  772. border-color: rgba(187, 135, 87, 0);
  773. border-left-color: #BB8757;
  774. border-width: 20px;
  775. margin-top: -20px;
  776. }
  777. /* line 818, ../sass/screen.scss */
  778. #col-left ul {
  779. list-style-type: none;
  780. margin: 0px;
  781. padding: 0px;
  782. }
  783. /* line 822, ../sass/screen.scss */
  784. #col-left ul li {
  785. margin: 0px;
  786. padding: 0px;
  787. }
  788. /* line 825, ../sass/screen.scss */
  789. #col-left ul li a {
  790. text-decoration: none;
  791. font-family: "comfortaaregular";
  792. font-family: "myriadpro-regular";
  793. font-size: 15px;
  794. padding: 10px;
  795. border-bottom: solid 1px #e0e0e0;
  796. display: block;
  797. color: black;
  798. }
  799. /* line 835, ../sass/screen.scss */
  800. #col-left ul li a span.nom, #col-left ul li a span.libelle {
  801. display: none;
  802. }
  803. /* line 842, ../sass/screen.scss */
  804. #col-left p {
  805. padding: 20px;
  806. padding-top: 0px;
  807. color: gray;
  808. }
  809. /* line 850, ../sass/screen.scss */
  810. #content .header-title {
  811. height: 79px;
  812. padding: 20px 20px;
  813. position: fixed;
  814. top: 0px;
  815. width: 100%;
  816. background-color: white;
  817. z-index: 10;
  818. box-sizing: border-box;
  819. border-bottom: solid 1px #e0e0e0;
  820. -moz-box-shadow: 0px 0px 8px #e0e0e0;
  821. -webkit-box-shadow: 0px 0px 8px #e0e0e0;
  822. box-shadow: 0px 0px 8px #e0e0e0;
  823. }
  824. /* line 862, ../sass/screen.scss */
  825. #content .header-title h1 {
  826. color: black;
  827. font-family: "myriadpro-regular";
  828. margin: 0px;
  829. font-size: 25px;
  830. text-transform: uppercase;
  831. }
  832. /* line 870, ../sass/screen.scss */
  833. #content .header-title h2 {
  834. color: gray;
  835. text-transform: none;
  836. font-size: 15px;
  837. margin-top: 3px;
  838. line-height: 20px;
  839. }
  840. /* line 881, ../sass/screen.scss */
  841. .header-etablissement {
  842. z-index: 1;
  843. }
  844. /* line 883, ../sass/screen.scss */
  845. .header-etablissement #block-main-img {
  846. height: 144px;
  847. overflow: hidden;
  848. }
  849. /* line 887, ../sass/screen.scss */
  850. .header-etablissement #block-main-img #main-img {
  851. width: 100%;
  852. height: auto;
  853. border: 0px none;
  854. padding: 0px;
  855. -moz-border-radius: 0px;
  856. -webkit-border-radius: 0px;
  857. border-radius: 0px;
  858. }
  859. /* line 896, ../sass/screen.scss */
  860. .header-etablissement h1 {
  861. font-family: "comfortaaregular";
  862. text-align: center;
  863. position: absolute;
  864. top: 30px;
  865. left: 40px;
  866. }
  867. /* line 903, ../sass/screen.scss */
  868. .header-etablissement h1 span {
  869. background-color: rgba(255, 255, 255, 0.8);
  870. padding: 10px 30px;
  871. border: dotted 1px black;
  872. }
  873. /* line 914, ../sass/screen.scss */
  874. nav#menu-etablissement {
  875. border-bottom: solid 1px #e0e0e0;
  876. }
  877. /* line 918, ../sass/screen.scss */
  878. nav#menu-etablissement ul li {
  879. padding: 0px;
  880. margin: 0px;
  881. }
  882. /* line 921, ../sass/screen.scss */
  883. nav#menu-etablissement ul li a {
  884. border-right: solid 1px #e0e0e0;
  885. text-decoration: none;
  886. -moz-border-radius: 0px;
  887. -webkit-border-radius: 0px;
  888. border-radius: 0px;
  889. }
  890. /* line 926, ../sass/screen.scss */
  891. nav#menu-etablissement ul li a:hover {
  892. background-color: #BB8757;
  893. color: white;
  894. }
  895. /* line 2, ../sass/_systeme_commandes.scss */
  896. h1.title-systeme-commande {
  897. color: black;
  898. padding-bottom: 35px;
  899. font-size: 30px;
  900. line-height: 35px;
  901. font-family: "myriadpro-regular";
  902. font-family: "comfortaalight";
  903. text-align: center;
  904. position: relative;
  905. margin-top: 30px;
  906. }
  907. /* line 14, ../sass/_systeme_commandes.scss */
  908. h1.title-systeme-commande img {
  909. width: 35px;
  910. margin-right: 7px;
  911. }
  912. /* line 20, ../sass/_systeme_commandes.scss */
  913. h2 {
  914. font-size: 20px;
  915. text-transform: uppercase;
  916. }
  917. /* line 28, ../sass/_systeme_commandes.scss */
  918. #addetablissementform-id_etablissement option:disabled,
  919. #signupform-id_etablissement option:disabled {
  920. font-weight: bold;
  921. color: black;
  922. }
  923. /* line 32, ../sass/_systeme_commandes.scss */
  924. #addetablissementform-id_etablissement .lock,
  925. #signupform-id_etablissement .lock {
  926. position: relative;
  927. }
  928. /* line 36, ../sass/_systeme_commandes.scss */
  929. #addetablissementform-id_etablissement .lock:before,
  930. #signupform-id_etablissement .lock:before {
  931. font-family: "Glyphicons Halflings";
  932. content: "\e033";
  933. font-style: normal;
  934. font-weight: 400;
  935. line-height: 1;
  936. position: relative;
  937. top: 1px;
  938. right: 0px;
  939. }
  940. /* line 48, ../sass/_systeme_commandes.scss */
  941. #bloc-code-acces {
  942. display: none;
  943. }
  944. /* line 59, ../sass/_systeme_commandes.scss */
  945. #main .liste-etablissements .boulangerie {
  946. padding-left: 0px;
  947. padding-right: 30px;
  948. }
  949. /* line 63, ../sass/_systeme_commandes.scss */
  950. #main .liste-etablissements .boulangerie .panel {
  951. margin-bottom: 13px;
  952. }
  953. /* line 67, ../sass/_systeme_commandes.scss */
  954. #main .liste-etablissements .boulangerie.selected .panel {
  955. border-bottom: solid 3px #BB8757;
  956. margin-bottom: 11px;
  957. }
  958. /* line 72, ../sass/_systeme_commandes.scss */
  959. #main .liste-etablissements .boulangerie .panel-heading {
  960. height: 150px;
  961. overflow: hidden;
  962. padding: 0px;
  963. background: none;
  964. background-color: #F8F1DD;
  965. }
  966. /* line 79, ../sass/_systeme_commandes.scss */
  967. #main .liste-etablissements .boulangerie .panel-heading .img-back {
  968. width: 100%;
  969. height: auto;
  970. position: relative;
  971. top: -50%;
  972. }
  973. /* line 88, ../sass/_systeme_commandes.scss */
  974. #main .liste-etablissements .boulangerie .panel-body {
  975. position: relative;
  976. width: 100%;
  977. height: 150px;
  978. max-height: 150px;
  979. text-align: center;
  980. }
  981. /* line 95, ../sass/_systeme_commandes.scss */
  982. #main .liste-etablissements .boulangerie .panel-body h3 {
  983. margin-bottom: 4px;
  984. }
  985. /* line 99, ../sass/_systeme_commandes.scss */
  986. #main .liste-etablissements .boulangerie .panel-body .localite {
  987. color: gray;
  988. margin-bottom: 10px;
  989. }
  990. /* line 104, ../sass/_systeme_commandes.scss */
  991. #main .liste-etablissements .boulangerie .panel-body .glyphicon-check {
  992. color: #BB8757;
  993. font-size: 40px;
  994. position: absolute;
  995. top: 34px;
  996. left: 32px;
  997. }
  998. /* line 112, ../sass/_systeme_commandes.scss */
  999. #main .liste-etablissements .boulangerie .panel-body .remove {
  1000. position: absolute;
  1001. top: 10px;
  1002. right: 10px;
  1003. }
  1004. /* line 118, ../sass/_systeme_commandes.scss */
  1005. #main .liste-etablissements .boulangerie .panel-body .logo {
  1006. display: none;
  1007. width: 150px;
  1008. position: absolute;
  1009. top: -40px;
  1010. left: 50%;
  1011. margin-left: -75px;
  1012. background-color: white;
  1013. padding: 10px 20px;
  1014. }
  1015. /* line 129, ../sass/_systeme_commandes.scss */
  1016. #main .liste-etablissements .boulangerie .panel-body .heure-limite-commande,
  1017. #main .liste-etablissements .boulangerie .panel-body .credit-pain {
  1018. margin-top: 15px;
  1019. font-size: 13px;
  1020. }
  1021. /* line 135, ../sass/_systeme_commandes.scss */
  1022. #main .liste-etablissements .boulangerie .panel-body .heure-limite-commande {
  1023. float: left;
  1024. }
  1025. /* line 139, ../sass/_systeme_commandes.scss */
  1026. #main .liste-etablissements .boulangerie .panel-body .credit-pain {
  1027. float: right;
  1028. }
  1029. /* line 142, ../sass/_systeme_commandes.scss */
  1030. #main .liste-etablissements .boulangerie .panel-body .credit-pain .montant {
  1031. font-size: 16px;
  1032. color: #BB8757;
  1033. background-color: #F8F1DD;
  1034. padding: 2px 10px;
  1035. -moz-border-radius: 5px;
  1036. -webkit-border-radius: 5px;
  1037. border-radius: 5px;
  1038. font-weight: bold;
  1039. }
  1040. /* line 149, ../sass/_systeme_commandes.scss */
  1041. #main .liste-etablissements .boulangerie .panel-body .credit-pain .montant .glyphicon {
  1042. font-size: 13px;
  1043. }
  1044. /* line 155, ../sass/_systeme_commandes.scss */
  1045. #main .liste-etablissements .boulangerie .panel-body .info-credit-pain {
  1046. font-size: 17px;
  1047. position: relative;
  1048. top: 2px;
  1049. left: 3px;
  1050. color: #BB8757;
  1051. }
  1052. /* line 166, ../sass/_systeme_commandes.scss */
  1053. #index-commande {
  1054. position: relative;
  1055. }
  1056. /* line 169, ../sass/_systeme_commandes.scss */
  1057. #index-commande #logout {
  1058. position: absolute;
  1059. /*top: 45px ;
  1060. right: 93px ;*/
  1061. top: 0;
  1062. right: 0;
  1063. z-index: 10;
  1064. }
  1065. /* line 178, ../sass/_systeme_commandes.scss */
  1066. #index-commande .accueil {
  1067. text-align: center;
  1068. padding-bottom: 20px;
  1069. }
  1070. /* line 183, ../sass/_systeme_commandes.scss */
  1071. #index-commande #bloc-add-etablissement {
  1072. padding-left: 0px;
  1073. padding-right: 30px;
  1074. }
  1075. /* line 187, ../sass/_systeme_commandes.scss */
  1076. #index-commande #bloc-add-etablissement .help-block {
  1077. padding-bottom: 0px;
  1078. }
  1079. /* line 191, ../sass/_systeme_commandes.scss */
  1080. #index-commande #bloc-add-etablissement .field-addetablissementform-id_etablissement {
  1081. width: 70%;
  1082. float: left;
  1083. }
  1084. /* line 196, ../sass/_systeme_commandes.scss */
  1085. #index-commande #bloc-add-etablissement .field-addetablissementform-code {
  1086. width: 70%;
  1087. float: left;
  1088. }
  1089. /* line 201, ../sass/_systeme_commandes.scss */
  1090. #index-commande #bloc-add-etablissement .btn {
  1091. float: right;
  1092. position: relative;
  1093. top: 20px;
  1094. }
  1095. /* line 207, ../sass/_systeme_commandes.scss */
  1096. #index-commande #bloc-add-etablissement .panel-heading {
  1097. background: none;
  1098. background-color: white;
  1099. cursor: pointer;
  1100. }
  1101. /* line 213, ../sass/_systeme_commandes.scss */
  1102. #index-commande #bloc-add-etablissement .panel-body {
  1103. display: none;
  1104. }
  1105. /* line 219, ../sass/_systeme_commandes.scss */
  1106. #index-commande #historique-commandes .statut, #index-commande #historique-commandes .montant {
  1107. width: 175px;
  1108. }
  1109. /* line 222, ../sass/_systeme_commandes.scss */
  1110. #index-commande #historique-commandes .montant {
  1111. width: 100px;
  1112. }
  1113. /* line 229, ../sass/_systeme_commandes.scss */
  1114. #index-commande #historique-commandes .localite {
  1115. font-size: 11px;
  1116. lin-height: 11px;
  1117. }
  1118. /* line 234, ../sass/_systeme_commandes.scss */
  1119. #index-commande #historique-commandes a {
  1120. text-decoration: none;
  1121. }
  1122. /* line 238, ../sass/_systeme_commandes.scss */
  1123. #index-commande #historique-commandes .commentaire {
  1124. margin-top: 5px;
  1125. }
  1126. /* line 240, ../sass/_systeme_commandes.scss */
  1127. #index-commande #historique-commandes .commentaire span {
  1128. font-size: 12px;
  1129. background-color: white;
  1130. color: #BB8757;
  1131. font-weight: bold;
  1132. -moz-border-radius: 5px;
  1133. -webkit-border-radius: 5px;
  1134. border-radius: 5px;
  1135. padding: 5px 10px;
  1136. border: solid 1px #ccc;
  1137. }
  1138. /* line 253, ../sass/_systeme_commandes.scss */
  1139. .commande-form {
  1140. min-height: 600px;
  1141. padding-bottom: 60px;
  1142. }
  1143. /* line 258, ../sass/_systeme_commandes.scss */
  1144. .commande-form h2 {
  1145. font-family: "myriadpro-regular";
  1146. }
  1147. /* line 262, ../sass/_systeme_commandes.scss */
  1148. .commande-form #infos-importantes.alert-warning {
  1149. float: right;
  1150. }
  1151. /* line 268, ../sass/_systeme_commandes.scss */
  1152. .commande-form #datepicker-production .ui-datepicker {
  1153. float: left;
  1154. margin-right: 20px;
  1155. font-size: 20px;
  1156. }
  1157. /* line 274, ../sass/_systeme_commandes.scss */
  1158. .commande-form #datepicker-production .ui-datepicker-header {
  1159. background-color: #BB8757;
  1160. }
  1161. /* line 278, ../sass/_systeme_commandes.scss */
  1162. .commande-form #datepicker-production .ui-datepicker-title {
  1163. color: white;
  1164. }
  1165. /* line 284, ../sass/_systeme_commandes.scss */
  1166. .commande-form #datepicker-production .ui-datepicker-prev:hover,
  1167. .commande-form #datepicker-production .ui-datepicker-next:hover {
  1168. border: 0px none;
  1169. background: none;
  1170. }
  1171. /* line 290, ../sass/_systeme_commandes.scss */
  1172. .commande-form #datepicker-production .ui-helper-clearfix:after {
  1173. clear: none;
  1174. }
  1175. /* line 295, ../sass/_systeme_commandes.scss */
  1176. .commande-form #datepicker-production .ui-datepicker-calendar a {
  1177. text-decoration: none;
  1178. background-color: #F8F1DD;
  1179. }
  1180. /* line 298, ../sass/_systeme_commandes.scss */
  1181. .commande-form #datepicker-production .ui-datepicker-calendar a.ui-state-hover, .commande-form #datepicker-production .ui-datepicker-calendar a.ui-state-active {
  1182. background-color: #BB8757;
  1183. color: white;
  1184. border-color: #cdc3b7;
  1185. }
  1186. /* line 307, ../sass/_systeme_commandes.scss */
  1187. .commande-form .date-commande {
  1188. margin-bottom: 53px;
  1189. }
  1190. /* line 309, ../sass/_systeme_commandes.scss */
  1191. .commande-form .date-commande span {
  1192. background-color: #BB8757;
  1193. color: white;
  1194. -moz-border-radius: 10px;
  1195. -webkit-border-radius: 10px;
  1196. border-radius: 10px;
  1197. padding: 10px;
  1198. font-family: "myriadpro-regular";
  1199. font-size: 20px;
  1200. }
  1201. /* line 319, ../sass/_systeme_commandes.scss */
  1202. .commande-form #has-commande-en-cours {
  1203. margin-top: 15px;
  1204. }
  1205. /* line 322, ../sass/_systeme_commandes.scss */
  1206. .commande-form #has-commande-en-cours a {
  1207. color: #a94442;
  1208. text-decoration: none;
  1209. font-weight: bold;
  1210. }
  1211. /* line 329, ../sass/_systeme_commandes.scss */
  1212. .commande-form .field-commande-id_production {
  1213. display: none;
  1214. }
  1215. /* line 333, ../sass/_systeme_commandes.scss */
  1216. .commande-form .field-commande-id_point_vente {
  1217. margin-top: 30px;
  1218. }
  1219. /* line 337, ../sass/_systeme_commandes.scss */
  1220. .commande-form .field-commande-id_production {
  1221. margin-bottom: 0px;
  1222. }
  1223. /* line 339, ../sass/_systeme_commandes.scss */
  1224. .commande-form .field-commande-id_production label {
  1225. margin-bottom: 0px;
  1226. }
  1227. /* line 343, ../sass/_systeme_commandes.scss */
  1228. .commande-form .field-commande-id_production .help-block {
  1229. margin-bottom: 0px;
  1230. }
  1231. /* line 348, ../sass/_systeme_commandes.scss */
  1232. .commande-form .field-commande-id_point_vente {
  1233. display: none;
  1234. }
  1235. /* line 352, ../sass/_systeme_commandes.scss */
  1236. .commande-form .blocs {
  1237. list-style-type: none;
  1238. margin: 0px;
  1239. padding: 0px;
  1240. }
  1241. /* line 357, ../sass/_systeme_commandes.scss */
  1242. .commande-form .blocs .bloc {
  1243. text-decoration: none;
  1244. width: 268px;
  1245. height: 130px;
  1246. float: left;
  1247. padding: 20px;
  1248. margin-right: 20px;
  1249. margin-bottom: 8px;
  1250. cursor: pointer;
  1251. float: left;
  1252. background-color: #f9f9f9;
  1253. background-color: white;
  1254. border: 1px solid #d8d8d8;
  1255. }
  1256. /* line 372, ../sass/_systeme_commandes.scss */
  1257. .commande-form .blocs .bloc .nom {
  1258. font-family: "comfortaalight";
  1259. font-size: 20px;
  1260. }
  1261. /* line 378, ../sass/_systeme_commandes.scss */
  1262. .commande-form .blocs .bloc .adresse {
  1263. color: gray;
  1264. font-size: 13px;
  1265. line-height: 16px;
  1266. }
  1267. /* line 384, ../sass/_systeme_commandes.scss */
  1268. .commande-form .blocs .bloc .horaires {
  1269. margin-top: 7px;
  1270. }
  1271. /* line 386, ../sass/_systeme_commandes.scss */
  1272. .commande-form .blocs .bloc .horaires .jour {
  1273. font-weight: bold;
  1274. display: none;
  1275. }
  1276. /* line 393, ../sass/_systeme_commandes.scss */
  1277. .commande-form .blocs .bloc.selected {
  1278. border-left: solid 5px #BB8757;
  1279. }
  1280. /* line 396, ../sass/_systeme_commandes.scss */
  1281. .commande-form .blocs .bloc.selected .contenu {
  1282. position: relative;
  1283. left: -4px;
  1284. }
  1285. /* line 402, ../sass/_systeme_commandes.scss */
  1286. .commande-form .blocs .bloc:hover {
  1287. -moz-box-shadow: 0px 0px 5px #d8d8d8;
  1288. -webkit-box-shadow: 0px 0px 5px #d8d8d8;
  1289. box-shadow: 0px 0px 5px #d8d8d8;
  1290. }
  1291. /* line 407, ../sass/_systeme_commandes.scss */
  1292. .commande-form .blocs .bloc.disabled {
  1293. display: none;
  1294. }
  1295. /* line 412, ../sass/_systeme_commandes.scss */
  1296. .commande-form .blocs .bloc .commentaire {
  1297. margin-top: 5px;
  1298. }
  1299. /* line 414, ../sass/_systeme_commandes.scss */
  1300. .commande-form .blocs .bloc .commentaire span {
  1301. background-color: #BB8757;
  1302. -moz-border-radius: 5px;
  1303. -webkit-border-radius: 5px;
  1304. border-radius: 5px;
  1305. color: white;
  1306. font-weight: bold;
  1307. padding: 3px 10px;
  1308. }
  1309. /* line 425, ../sass/_systeme_commandes.scss */
  1310. .commande-form #produits {
  1311. margin-top: 15px;
  1312. }
  1313. /* line 428, ../sass/_systeme_commandes.scss */
  1314. .commande-form #produits #label-produits {
  1315. display: block;
  1316. margin-bottom: 5px;
  1317. }
  1318. /* line 433, ../sass/_systeme_commandes.scss */
  1319. .commande-form #produits .table {
  1320. margin-top: 7px;
  1321. }
  1322. /* line 436, ../sass/_systeme_commandes.scss */
  1323. .commande-form #produits .table .illu {
  1324. float: left;
  1325. height: auto;
  1326. width: 70px;
  1327. margin-right: 15px;
  1328. }
  1329. /* line 443, ../sass/_systeme_commandes.scss */
  1330. .commande-form #produits .table .photo {
  1331. padding: 0px;
  1332. width: 120px;
  1333. }
  1334. /* line 448, ../sass/_systeme_commandes.scss */
  1335. .commande-form #produits .table .th-photo, .commande-form #produits .table .td-photo {
  1336. width: 120px;
  1337. }
  1338. /* line 452, ../sass/_systeme_commandes.scss */
  1339. .commande-form #produits .table .nom {
  1340. font-family: "comfortaalight";
  1341. font-weight: bold;
  1342. text-transform: uppercase;
  1343. font-size: 18px;
  1344. }
  1345. /* line 459, ../sass/_systeme_commandes.scss */
  1346. .commande-form #produits .table .description {
  1347. font-style: italic;
  1348. }
  1349. /* line 463, ../sass/_systeme_commandes.scss */
  1350. .commande-form #produits .table .recette {
  1351. font-size: 12px;
  1352. }
  1353. /* line 467, ../sass/_systeme_commandes.scss */
  1354. .commande-form #produits .table .input-group {
  1355. width: 133px;
  1356. }
  1357. /* line 469, ../sass/_systeme_commandes.scss */
  1358. .commande-form #produits .table .input-group .quantity {
  1359. text-align: center;
  1360. }
  1361. /* line 474, ../sass/_systeme_commandes.scss */
  1362. .commande-form #produits .table .colonne-quantite, .commande-form #produits .table .prix-unit, .commande-form #produits .table .total {
  1363. width: 150px;
  1364. text-align: center;
  1365. }
  1366. /* line 479, ../sass/_systeme_commandes.scss */
  1367. .commande-form #produits .table td#total-commande, .commande-form #produits .table td#total-commande-vrac, .commande-form #produits .table td.total {
  1368. text-align: center;
  1369. }
  1370. /* line 483, ../sass/_systeme_commandes.scss */
  1371. .commande-form #produits .table .epuise {
  1372. display: none;
  1373. text-transform: uppercase;
  1374. color: #B32815;
  1375. font-weight: bold;
  1376. font-size: 16px;
  1377. text-align: center;
  1378. }
  1379. /* line 492, ../sass/_systeme_commandes.scss */
  1380. .commande-form #produits .table .quantite-restante {
  1381. font-size: 12px;
  1382. margin-top: 8px;
  1383. }
  1384. /* line 496, ../sass/_systeme_commandes.scss */
  1385. .commande-form #produits .table .quantite-restante .nb {
  1386. font-weight: bold;
  1387. }
  1388. /* line 501, ../sass/_systeme_commandes.scss */
  1389. .commande-form #produits .table td.produit, .commande-form #produits .table th.produit {
  1390. width: 70%;
  1391. }
  1392. /* line 505, ../sass/_systeme_commandes.scss */
  1393. .commande-form #produits .table td.prix-unit, .commande-form #produits .table th.prix-unit {
  1394. width: 10%;
  1395. }
  1396. /* line 509, ../sass/_systeme_commandes.scss */
  1397. .commande-form #produits .table td.colonne-quantite, .commande-form #produits .table th.colonne-quantite {
  1398. width: 10%;
  1399. }
  1400. /* line 513, ../sass/_systeme_commandes.scss */
  1401. .commande-form #produits .table td.total, .commande-form #produits .table th.total {
  1402. width: 10%;
  1403. }
  1404. /* line 519, ../sass/_systeme_commandes.scss */
  1405. .commande-form #bar-fixed {
  1406. display: none;
  1407. position: fixed;
  1408. bottom: 0px;
  1409. z-index: 100;
  1410. background-color: white;
  1411. padding: 15px;
  1412. margin-bottom: 0px;
  1413. -moz-box-shadow: 0 0 5px gray;
  1414. -webkit-box-shadow: 0 0 5px gray;
  1415. box-shadow: 0 0 5px gray;
  1416. -moz-border-radius: 10px 10px 0px 0px;
  1417. -webkit-border-radius: 10px;
  1418. border-radius: 10px 10px 0px 0px;
  1419. border-top: solid 1px #e0e0e0;
  1420. background-color: #F9F9F9;
  1421. background-color: #F8F1DD;
  1422. text-align: center;
  1423. }
  1424. /* line 536, ../sass/_systeme_commandes.scss */
  1425. .commande-form #bar-fixed.not-fixed {
  1426. position: relative;
  1427. -moz-box-shadow: none;
  1428. -webkit-box-shadow: none;
  1429. box-shadow: none;
  1430. -moz-border-radius: 0px;
  1431. -webkit-border-radius: 0px;
  1432. border-radius: 0px;
  1433. border: solid 1px #e0e0e0;
  1434. padding-right: 20px;
  1435. }
  1436. /* line 545, ../sass/_systeme_commandes.scss */
  1437. .commande-form #bar-fixed.no-credit-pain #bloc-valider-commande {
  1438. margin-top: 0px;
  1439. float: right;
  1440. }
  1441. /* line 551, ../sass/_systeme_commandes.scss */
  1442. .commande-form #bar-fixed #total-commande-bottom {
  1443. background-color: white;
  1444. -moz-border-radius: 20px;
  1445. -webkit-border-radius: 20px;
  1446. border-radius: 20px;
  1447. padding: 5px 25px;
  1448. border: solid 1px #e0e0e0;
  1449. }
  1450. /* line 558, ../sass/_systeme_commandes.scss */
  1451. .commande-form #bar-fixed .btn-commentaire {
  1452. float: left;
  1453. }
  1454. /* line 566, ../sass/_systeme_commandes.scss */
  1455. .commande-form #bar-fixed .btn-commentaire {
  1456. margin-right: 10px;
  1457. }
  1458. /* line 570, ../sass/_systeme_commandes.scss */
  1459. .commande-form #bar-fixed #bloc-valider-commande {
  1460. text-align: right;
  1461. margin-top: 20px;
  1462. }
  1463. /* line 574, ../sass/_systeme_commandes.scss */
  1464. .commande-form #bar-fixed #bloc-valider-commande button {
  1465. width: 340px;
  1466. margin-right: 10px;
  1467. }
  1468. /* line 580, ../sass/_systeme_commandes.scss */
  1469. .commande-form #bar-fixed #checkbox-credit-pain {
  1470. float: right;
  1471. width: 340px;
  1472. padding: 3px 11px;
  1473. background-color: white;
  1474. border: solid 1px #ccc;
  1475. -moz-border-radius: 5px;
  1476. -webkit-border-radius: 5px;
  1477. border-radius: 5px;
  1478. margin-right: 10px;
  1479. text-shadow: 0 1px 0 #fff;
  1480. -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
  1481. -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
  1482. box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
  1483. }
  1484. /* line 591, ../sass/_systeme_commandes.scss */
  1485. .commande-form #bar-fixed #checkbox-credit-pain.paiement-impossible {
  1486. background-color: #e0e0e0;
  1487. }
  1488. /* line 595, ../sass/_systeme_commandes.scss */
  1489. .commande-form #bar-fixed #checkbox-credit-pain .info {
  1490. color: gray;
  1491. font-weight: normal;
  1492. }
  1493. /* line 600, ../sass/_systeme_commandes.scss */
  1494. .commande-form #bar-fixed #checkbox-credit-pain .the-credit {
  1495. background-color: #BB8757;
  1496. color: white;
  1497. padding: 2px 8px;
  1498. -moz-border-radius: 5px;
  1499. -webkit-border-radius: 5px;
  1500. border-radius: 5px;
  1501. }
  1502. /* line 607, ../sass/_systeme_commandes.scss */
  1503. .commande-form #bar-fixed #checkbox-credit-pain .montant-paye {
  1504. color: #BB8757;
  1505. }
  1506. /* line 611, ../sass/_systeme_commandes.scss */
  1507. .commande-form #bar-fixed #checkbox-credit-pain #info-credit-vide {
  1508. font-size: 12px;
  1509. }
  1510. /* line 615, ../sass/_systeme_commandes.scss */
  1511. .commande-form #bar-fixed #checkbox-credit-pain #credit-pain-disabled {
  1512. display: none;
  1513. font-size: 12px;
  1514. }
  1515. /* line 621, ../sass/_systeme_commandes.scss */
  1516. .commande-form #bar-fixed .btn-retour, .commande-form #bar-fixed .annuler-commande {
  1517. float: left;
  1518. margin-right: 5px;
  1519. }
  1520. /* line 626, ../sass/_systeme_commandes.scss */
  1521. .commande-form #bar-fixed .annuler-commande {
  1522. color: #b92c28;
  1523. background-color: white;
  1524. }
  1525. /* line 631, ../sass/_systeme_commandes.scss */
  1526. .commande-form #bar-fixed #total-commande-bottom {
  1527. display: none;
  1528. font-weight: bold;
  1529. font-family: "comfortaalight";
  1530. font-size: 24px;
  1531. }
  1532. /* line 638, ../sass/_systeme_commandes.scss */
  1533. .commande-form #bar-fixed .field-commande-commentaire {
  1534. display: none;
  1535. }
  1536. /* line 646, ../sass/_systeme_commandes.scss */
  1537. .ui-datepicker .ui-widget-header {
  1538. background: none;
  1539. background-color: gray;
  1540. border: 0px none;
  1541. color: black;
  1542. font-weight: normal;
  1543. }
  1544. /* line 654, ../sass/_systeme_commandes.scss */
  1545. .ui-datepicker .ui-datepicker-current-day a,
  1546. .ui-datepicker a.ui-state-hover {
  1547. background: none;
  1548. background-color: gray;
  1549. border-color: black;
  1550. color: black;
  1551. }
  1552. /* line 668, ../sass/_systeme_commandes.scss */
  1553. #page-etablissement h1,
  1554. #page-producer-code h1 {
  1555. font-size: 40px;
  1556. }
  1557. /* line 671, ../sass/_systeme_commandes.scss */
  1558. #page-etablissement .info,
  1559. #page-producer-code .info {
  1560. text-align: center;
  1561. }
  1562. /* line 677, ../sass/_systeme_commandes.scss */
  1563. #page-producer-code form#producer-code {
  1564. max-width: 400px;
  1565. margin: 0px auto;
  1566. }
  1567. /* line 681, ../sass/_systeme_commandes.scss */
  1568. #page-producer-code form#producer-code .form-group.buttons {
  1569. text-align: center;
  1570. }
  1571. @media screen and (max-width: 1000px) {
  1572. /* line 3, ../sass/_responsive.scss */
  1573. #content {
  1574. padding-top: 0px;
  1575. }
  1576. /* line 7, ../sass/_responsive.scss */
  1577. #header {
  1578. position: relative;
  1579. }
  1580. /* line 12, ../sass/_responsive.scss */
  1581. #header nav ul {
  1582. margin-top: 5px;
  1583. float: left;
  1584. }
  1585. /* line 15, ../sass/_responsive.scss */
  1586. #header nav ul li {
  1587. float: right;
  1588. display: none;
  1589. }
  1590. /* line 19, ../sass/_responsive.scss */
  1591. #header nav ul li a {
  1592. padding: 5px;
  1593. height: auto;
  1594. line-height: 20px;
  1595. }
  1596. /* line 28, ../sass/_responsive.scss */
  1597. #header nav {
  1598. width: 100%;
  1599. }
  1600. /* line 30, ../sass/_responsive.scss */
  1601. #header nav ul {
  1602. float: none;
  1603. margin: 0px none;
  1604. }
  1605. /* line 36, ../sass/_responsive.scss */
  1606. #header nav ul li#logo {
  1607. display: block;
  1608. }
  1609. /* line 43, ../sass/_responsive.scss */
  1610. #header a#link-commander {
  1611. display: none;
  1612. }
  1613. /* line 48, ../sass/_responsive.scss */
  1614. #content #points-vente .content {
  1615. padding-left: 10px;
  1616. margin-top: 30px;
  1617. }
  1618. /* line 53, ../sass/_responsive.scss */
  1619. #menu-user {
  1620. position: relative;
  1621. top: 0px;
  1622. }
  1623. /* line 58, ../sass/_responsive.scss */
  1624. .connected #content {
  1625. padding-top: 0px;
  1626. }
  1627. }