You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1265 lines
33KB

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