Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

1312 lines
34KB

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