Laclic
/
Souke
Beobachten 5
Favorisieren 0
Fork 1
Code Issues 1 Pull-Requests 0 Releases 0 Wiki Aktivität
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
322 Commits
6 Branches
Struktur: 25e348b45d
Branches Tags
${ item.name }
Erstelle Branch ${ searchTerm }
von „25e348b45d“
${ noResults }
Souke/frontend/web/css/screen.css

1581 Zeilen
40KB
Originalformat Blame Verlauf 

  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. 

  59. /* line 29, ../sass/screen.scss */

  60. body {

  61.   position: relative;

  62.   color: #505050;

  63.   font-family: "Arial";

  64.   background-attachment: fixed;

  65.   min-height: 100%;

  66.   margin: 0;

  67.   padding: 0;

  68. }

  69. 

  70. /* line 39, ../sass/screen.scss */

  71. strong {

  72.   font-weight: bold;

  73. }

  74. 

  75. /* line 44, ../sass/screen.scss */

  76. #main a {

  77.   color: #505050;

  78.   text-decoration: underline;

  79. }

  80. /* line 48, ../sass/screen.scss */

  81. #main a:focus, #main a:active {

  82.   outline-color: gray;

  83.   color: #BB8757;

  84. }

  85. /* line 53, ../sass/screen.scss */

  86. #main a:hover {

  87.   color: #BB8757;

  88. }

  89. /* line 57, ../sass/screen.scss */

  90. #main a.btn {

  91.   text-decoration: none;

  92. }

  93. /* line 62, ../sass/screen.scss */

  94. #main .btn-primary {

  95.   background-color: #BB8757;

  96.   border: solid 1px #BB8757;

  97.   color: white;

  98. }

  99. /* line 67, ../sass/screen.scss */

  100. #main .btn-primary:hover, #main .btn-primary:active, #main .btn-primary:focus {

  101.   background-color: #b17a48;

  102.   border: solid 1px #BB8757;

  103.   color: white;

  104. }

  105. /* line 74, ../sass/screen.scss */

  106. #main .form-control:focus {

  107.   -moz-box-shadow: none;

  108.   -webkit-box-shadow: none;

  109.   box-shadow: none;

  110.   border: solid 1px #BB8757;

  111. }

  112. 

  113. /* line 80, ../sass/screen.scss */

  114. p {

  115.   padding-bottom: 20px;

  116.   line-height: 21px;

  117. }

  118. 

  119. /* line 85, ../sass/screen.scss */

  120. ul {

  121.   padding-left: 20px;

  122.   list-style-type: disc;

  123.   margin-bottom: 10px;

  124. }

  125. /* line 90, ../sass/screen.scss */

  126. ul li {

  127.   padding-left: 5px;

  128. }

  129. 

  130. /* line 95, ../sass/screen.scss */

  131. .clr {

  132.   clear: both;

  133. }

  134. 

  135. /* line 99, ../sass/screen.scss */

  136. .btn {

  137.   background-image: none;

  138. }

  139. 

  140. /* line 103, ../sass/screen.scss */

  141. #main .alert {

  142.   background-image: none;

  143.   background-color: white;

  144.   border-bottom-width: 3px;

  145. }

  146. 

  147. /* line 111, ../sass/screen.scss */

  148. .alert.alert-warning a {

  149.   color: #8a6d3b;

  150. }

  151. 

  152. /* line 120, ../sass/screen.scss */

  153. #main {

  154.   position: relative;

  155. }

  156. /* line 122, ../sass/screen.scss */

  157. #main .inner {

  158.   width: 960px;

  159.   margin: 0px auto;

  160. }

  161. 

  162. /* line 129, ../sass/screen.scss */

  163. #content .content-text h1 {

  164.   font-family: "myriadpro-regular";

  165.   font-size: 30px;

  166.   color: black;

  167.   text-transform: uppercase;

  168. }

  169. /* line 136, ../sass/screen.scss */

  170. #content .content-text h2 {

  171.   font-family: "comfortaaregular";

  172.   font-size: 20px;

  173.   text-transform: none;

  174.   padding-bottom: 0px;

  175.   margin-bottom: 5px;

  176.   margin-top: 5px;

  177. }

  178. 

  179. /* line 147, ../sass/screen.scss */

  180. #content #the-content {

  181.   padding-top: 100px;

  182.   padding-left: 30px;

  183.   padding-right: 30px;

  184.   padding-bottom: 50px;

  185. }

  186. 

  187. /* line 155, ../sass/screen.scss */

  188. #block-demo {

  189.   padding: 10px 0px;

  190.   background-color: #BB8757;

  191.   color: white;

  192.   text-align: center;

  193. }

  194. /* line 161, ../sass/screen.scss */

  195. #block-demo a {

  196.   color: white;

  197.   text-decoration: underline;

  198. }

  199. 

  200. /* line 167, ../sass/screen.scss */

  201. #header {

  202.   z-index: 100;

  203.   border-bottom: solid 1px #e0e0e0;

  204.   background-color: #f8f1dd;

  205.   height: 86px;

  206. }

  207. /* line 173, ../sass/screen.scss */

  208. #header .container {

  209.   position: relative;

  210. }

  211. /* line 177, ../sass/screen.scss */

  212. #header #env-dev {

  213.   font-family: "comfortaabold";

  214.   text-align: center;

  215.   font-size: 18px;

  216.   padding-top: 10px;

  217.   padding-bottom: 10px;

  218.   color: #BB8757;

  219.   background-color: transparent;

  220.   position: absolute;

  221.   top: 18px;

  222.   left: 79px;

  223. }

  224. /* line 190, ../sass/screen.scss */

  225. #header #link-home {

  226.   position: absolute;

  227.   top: 10px;

  228.   left: 0px;

  229.   text-decoration: none;

  230.   font-size: 22px;

  231.   color: black;

  232.   display: block;

  233. }

  234. /* line 199, ../sass/screen.scss */

  235. #header #link-home img {

  236.   height: 60px;

  237.   margin-bottom: 5px;

  238.   float: left;

  239. }

  240. /* line 205, ../sass/screen.scss */

  241. #header #link-home .text {

  242.   float: left;

  243.   padding-left: 10px;

  244. }

  245. /* line 209, ../sass/screen.scss */

  246. #header #link-home .text .bap {

  247.   font-family: "comfortaalight";

  248.   font-size: 24px;

  249. }

  250. /* line 214, ../sass/screen.scss */

  251. #header #link-home .text .plateforme {

  252.   font-size: 17px;

  253.   font-family: "myriadpro-light";

  254.   color: #BB8757;

  255. }

  256. /* line 222, ../sass/screen.scss */

  257. #header #link-espace-boulanger {

  258.   border-left: solid 1px #e0e0e0;

  259.   color: #BB8757;

  260. }

  261. /* line 227, ../sass/screen.scss */

  262. #header nav {

  263.   padding-top: 22px;

  264. }

  265. /* line 229, ../sass/screen.scss */

  266. #header nav ul {

  267.   float: right;

  268. }

  269. /* line 232, ../sass/screen.scss */

  270. #header nav ul li a {

  271.   text-decoration: none;

  272.   color: #505050;

  273. }

  274. /* line 235, ../sass/screen.scss */

  275. #header nav ul li a.active {

  276.   background-color: white;

  277. }

  278. /* line 239, ../sass/screen.scss */

  279. #header nav ul li a:hover {

  280.   color: black;

  281.   background-color: white;

  282. }

  283. /* line 249, ../sass/screen.scss */

  284. #header #link-logout .nom {

  285.   color: gray;

  286.   font-size: 10px;

  287.   left: 18px;

  288.   position: relative;

  289.   top: -4px;

  290. }

  291. 

  292. /* line 265, ../sass/screen.scss */

  293. #content {

  294.   position: relative;

  295.   padding: 20px 0px;

  296.   padding-bottom: 100px;

  297.   padding-top: 35px;

  298.   min-height: 500px;

  299. }

  300. /* line 272, ../sass/screen.scss */

  301. #content h1#title-site {

  302.   font-family: "comfortaalight";

  303.   font-size: 50px;

  304. }

  305. /* line 279, ../sass/screen.scss */

  306. #content h2 {

  307.   color: black;

  308.   padding-bottom: 15px;

  309.   font-size: 25px;

  310.   line-height: 35px;

  311.   font-family: "myriadpro-regular";

  312.   text-transform: uppercase;

  313.   position: relative;

  314.   margin-top: 30px;

  315. }

  316. /* line 290, ../sass/screen.scss */

  317. #content h3 {

  318.   color: black;

  319.   font-size: 20px;

  320. }

  321. /* line 298, ../sass/screen.scss */

  322. #content #description img {

  323.   width: 100%;

  324. }

  325. /* line 303, ../sass/screen.scss */

  326. #content #main-img {

  327.   max-width: 100%;

  328.   border: solid 1px #e0e0e0;

  329.   padding: 5px;

  330.   -moz-border-radius: 5px;

  331.   -webkit-border-radius: 5px;

  332.   border-radius: 5px;

  333. }

  334. /* line 312, ../sass/screen.scss */

  335. #content #row-presentation h1 {

  336.   color: black;

  337. }

  338. /* line 315, ../sass/screen.scss */

  339. #content #row-presentation strong {

  340.   font-family: "myriadpro-light";

  341.   font-size: 20px;

  342.   color: #B17A48;

  343. }

  344. /* line 322, ../sass/screen.scss */

  345. #content #row-signup {

  346.   text-align: center;

  347.   margin-top: 40px;

  348.   padding-top: 40px;

  349. }

  350. /* line 327, ../sass/screen.scss */

  351. #content #row-signup a.btn {

  352.   padding: 10px 20px;

  353.   font-size: 20px;

  354.   text-transform: uppercase;

  355. }

  356. /* line 333, ../sass/screen.scss */

  357. #content #row-signup a.btn-primary {

  358.   margin-right: 15px;

  359. }

  360. /* line 338, ../sass/screen.scss */

  361. #content #row-clients-boulanger {

  362.   margin-bottom: 50px;

  363. }

  364. /* line 341, ../sass/screen.scss */

  365. #content #row-clients-boulanger h2 {

  366.   margin-bottom: 10px;

  367. }

  368. /* line 343, ../sass/screen.scss */

  369. #content #row-clients-boulanger h2 .img {

  370.   height: 50px;

  371. }

  372. /* line 346, ../sass/screen.scss */

  373. #content #row-clients-boulanger h2 span {

  374.   margin-left: 10px;

  375.   font-size: 25px;

  376.   position: relative;

  377.   top: 5px;

  378. }

  379. /* line 354, ../sass/screen.scss */

  380. #content #row-clients-boulanger ul {

  381.   text-align: left;

  382. }

  383. /* line 356, ../sass/screen.scss */

  384. #content #row-clients-boulanger ul li {

  385.   list-style-type: circle;

  386.   color: #BB8757;

  387. }

  388. /* line 362, ../sass/screen.scss */

  389. #content #row-clients-boulanger p {

  390.   padding-bottom: 4px;

  391. }

  392. /* line 368, ../sass/screen.scss */

  393. #content #row-clients-boulanger .boulanger .prix span {

  394.   background-color: #F8F1DD;

  395. }

  396. /* line 371, ../sass/screen.scss */

  397. #content #row-clients-boulanger .boulanger .prix span a {

  398.   color: #BB8757;

  399.   text-decoration: none;

  400. }

  401. /* line 379, ../sass/screen.scss */

  402. #content #row-clients-boulanger .prix {

  403.   padding-top: 15px;

  404.   font-size: 18px;

  405. }

  406. /* line 383, ../sass/screen.scss */

  407. #content #row-clients-boulanger .prix span {

  408.   color: #BB8757;

  409.   border: solid 1px #BB8757;

  410.   font-weight: normal;

  411.   font-size: 18px;

  412.   font-family: "comfortaaregular";

  413.   font-family: "myriadpro-regular";

  414.   text-transform: uppercase;

  415.   padding: 10px 15px;

  416.   padding-bottom: 7px;

  417.   -moz-border-radius: 5px;

  418.   -webkit-border-radius: 5px;

  419.   border-radius: 5px;

  420. }

  421. /* line 398, ../sass/screen.scss */

  422. #content #row-clients-boulanger #periode-essai {

  423.   margin-top: 8px;

  424.   text-align: center;

  425.   font-size: 13px;

  426.   color: gray;

  427.   font-family: "comfortaaregular";

  428. }

  429. /* line 408, ../sass/screen.scss */

  430. #content #btn-demo:hover, #content #btn-demo:focus, #content #btn-demo:active {

  431.   color: black;

  432. }

  433. /* line 414, ../sass/screen.scss */

  434. #content #modal-tarifs .commission {

  435.   text-align: center;

  436.   font-size: 20px;

  437.   text-transform: uppercase;

  438.   margin-bottom: 20px;

  439. }

  440. /* line 420, ../sass/screen.scss */

  441. #content #modal-tarifs .commission span {

  442.   padding: 10px 20px;

  443.   border: solid 1px black;

  444.   -moz-border-radius: 10px;

  445.   -webkit-border-radius: 10px;

  446.   border-radius: 10px;

  447. }

  448. /* line 426, ../sass/screen.scss */

  449. #content #modal-tarifs .exemple {

  450.   color: gray;

  451. }

  452. 

  453. /* line 433, ../sass/screen.scss */

  454. #content #contact {

  455.   display: none;

  456. }

  457. /* line 437, ../sass/screen.scss */

  458. #content #contact .icon {

  459.   width: 55px;

  460.   top: -15px;

  461.   margin-left: -70px;

  462. }

  463. /* line 446, ../sass/screen.scss */

  464. #content #contact .form-control:focus {

  465.   /*@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px $jaune) ;

  466.   border-color: $jaune ;*/

  467. }

  468. /* line 451, ../sass/screen.scss */

  469. #content #contact .form-group {

  470.   text-align: center;

  471. }

  472. /* line 455, ../sass/screen.scss */

  473. #content #contact .img-right {

  474.   float: right;

  475. }

  476. /* line 458, ../sass/screen.scss */

  477. #content #contact .img-right img {

  478.   width: 300px;

  479. }

  480. 

  481. /* line 465, ../sass/screen.scss */

  482. .form-control:focus {

  483.   /*@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px $jaune) ;

  484.   border-color: $jaune ;*/

  485. }

  486. 

  487. /* line 470, ../sass/screen.scss */

  488. #footer {

  489.   position: absolute;

  490.   bottom: 0px;

  491.   left: 0px;

  492.   width: 100%;

  493.   height: 50px;

  494.   background-color: white;

  495.   text-align: center;

  496.   border-top: 1px solid #e0e0e0;

  497.   padding-top: 30px;

  498.   padding-bottom: 60px;

  499. }

  500. /* line 484, ../sass/screen.scss */

  501. #footer a {

  502.   font-family: "myriadpro-regular";

  503.   color: #7e7e7e;

  504.   color: white;

  505.   color: #999;

  506.   text-transform: uppercase;

  507.   text-decoration: none;

  508.   padding-left: 10px;

  509.   padding-right: 10px;

  510.   border-right: solid 1px #7e7e7e;

  511.   border-right: solid 1px white;

  512. }

  513. /* line 495, ../sass/screen.scss */

  514. #footer a:hover {

  515.   color: gray;

  516. }

  517. /* line 499, ../sass/screen.scss */

  518. #footer a:last-child {

  519.   border: 0px none;

  520. }

  521. 

  522. /* line 505, ../sass/screen.scss */

  523. #content #mentions {

  524.   padding-top: 20px;

  525. }

  526. /* line 508, ../sass/screen.scss */

  527. #content #mentions div.content {

  528.   width: 60%;

  529.   font-size: 90%;

  530. }

  531. /* line 513, ../sass/screen.scss */

  532. #content #mentions p {

  533.   padding-bottom: 15px;

  534. }

  535. /* line 517, ../sass/screen.scss */

  536. #content #mentions h2 {

  537.   color: black;

  538.   padding-bottom: 40px;

  539.   font-size: 25px;

  540.   line-height: 35px;

  541.   font-family: "myriadpro-regular";

  542. }

  543. /* line 525, ../sass/screen.scss */

  544. #content #mentions h3 {

  545.   font-family: "comfortaaregular";

  546.   font-size: 18px;

  547.   padding-bottom: 12px;

  548.   margin-top: 10px;

  549.   color: black;

  550. }

  551. 

  552. /* line 536, ../sass/screen.scss */

  553. .mentions #main, .mentions body {

  554.   background-color: white;

  555. }

  556. 

  557. /* line 541, ../sass/screen.scss */

  558. .vegas-loading {

  559.   display: none;

  560. }

  561. 

  562. /* line 548, ../sass/screen.scss */

  563. #profil-user .form-group.field-user-no_mail label {

  564.   font-weight: normal;

  565. }

  566. /* line 552, ../sass/screen.scss */

  567. #profil-user .form-group label {

  568.   cursor: pointer;

  569. }

  570. /* line 557, ../sass/screen.scss */

  571. #profil-user #mails-jours-prod .form-group {

  572.   float: left;

  573.   margin-right: 15px;

  574. }

  575. /* line 560, ../sass/screen.scss */

  576. #profil-user #mails-jours-prod .form-group label {

  577.   font-weight: normal;

  578. }

  579. /* line 566, ../sass/screen.scss */

  580. #profil-user p.strong {

  581.   font-weight: bold;

  582. }

  583. 

  584. /* login */

  585. /* line 575, ../sass/screen.scss */

  586. .site-login .col-lg-5 {

  587.   margin: 0px auto;

  588.   float: none;

  589. }

  590. 

  591. /* signup */

  592. /* line 583, ../sass/screen.scss */

  593. .modal-backdrop {

  594.   z-index: -1;

  595. }

  596. 

  597. /* line 588, ../sass/screen.scss */

  598. .site-signup .col-lg-5 {

  599.   margin: 0px auto;

  600.   float: none;

  601. }

  602. 

  603. /* line 598, ../sass/screen.scss */

  604. #modal-cgv .modal-body h2 {

  605.   margin-bottom: 5px;

  606.   padding-bottom: 0px;

  607.   font-size: 20px;

  608.   margin-top: 0px;

  609. }

  610. 

  611. /* line 608, ../sass/screen.scss */

  612. #form-signup #client-boulanger {

  613.   margin-bottom: 30px;

  614. }

  615. /* line 613, ../sass/screen.scss */

  616. #form-signup #signupform-id_etablissement option:disabled {

  617.   font-weight: bold;

  618.   color: black;

  619. }

  620. /* line 619, ../sass/screen.scss */

  621. #form-signup #champs-boulanger {

  622.   display: none;

  623. }

  624. /* line 623, ../sass/screen.scss */

  625. #form-signup #boutons-inscrire {

  626.   margin-top: 30px;

  627. }

  628. 

  629. /* line 628, ../sass/screen.scss */

  630. #col-left {

  631.   padding: 0px;

  632.   z-index: 15;

  633. }

  634. /* line 632, ../sass/screen.scss */

  635. #col-left .affix {

  636.   width: 25%;

  637.   border-right: solid 1px #e0e0e0;

  638.   background-color: #FAFAFA;

  639.   height: 100%;

  640. }

  641. /* line 639, ../sass/screen.scss */

  642. #col-left #link-home {

  643.   text-decoration: none;

  644.   font-size: 22px;

  645.   color: black;

  646.   display: block;

  647.   padding: 10px;

  648.   background-color: #F8F1DD;

  649. }

  650. /* line 647, ../sass/screen.scss */

  651. #col-left #link-home img {

  652.   height: 50px;

  653.   margin-bottom: 5px;

  654.   float: left;

  655. }

  656. /* line 653, ../sass/screen.scss */

  657. #col-left #link-home .text {

  658.   padding-left: 62px;

  659. }

  660. /* line 656, ../sass/screen.scss */

  661. #col-left #link-home .text .bap {

  662.   font-family: "comfortaalight";

  663.   font-size: 24px;

  664. }

  665. /* line 661, ../sass/screen.scss */

  666. #col-left #link-home .text .plateforme {

  667.   font-size: 17px;

  668.   font-family: "myriadpro-light";

  669.   color: #BB8757;

  670. }

  671. /* line 669, ../sass/screen.scss */

  672. #col-left h2 {

  673.   font-family: "myriadpro-regular";

  674.   color: black;

  675.   margin: 0px;

  676.   margin-bottom: 10px;

  677.   padding: 15px 0px 5px 15px;

  678. }

  679. /* line 677, ../sass/screen.scss */

  680. #col-left #links {

  681.   background-color: white;

  682.   margin-bottom: 20px;

  683. }

  684. /* line 683, ../sass/screen.scss */

  685. #col-left #links ul li a {

  686.   text-align: center;

  687.   border-right: solid 1px #e0e0e0;

  688. }

  689. /* line 687, ../sass/screen.scss */

  690. #col-left #links ul li a:hover {

  691.   background-color: #BB8757;

  692.   color: white;

  693. }

  694. /* line 693, ../sass/screen.scss */

  695. #col-left #links ul li:last-child a {

  696.   border-right: 0px none;

  697. }

  698. /* line 703, ../sass/screen.scss */

  699. #col-left #producteurs nav.nav-producteurs ul li a {

  700.   padding-left: 50px;

  701.   height: 40px;

  702. }

  703. /* line 709, ../sass/screen.scss */

  704. #col-left #producteurs nav.nav-producteurs ul li.active a {

  705.   background-color: #BB8757;

  706.   position: relative;

  707.   color: white;

  708. }

  709. /* line 714, ../sass/screen.scss */

  710. #col-left #producteurs nav.nav-producteurs ul li.active a:after {

  711.   right: -40px;

  712.   top: 50%;

  713.   border: solid transparent;

  714.   content: " ";

  715.   height: 0;

  716.   width: 0;

  717.   position: absolute;

  718.   pointer-events: none;

  719.   border-color: rgba(187, 135, 87, 0);

  720.   border-left-color: #BB8757;

  721.   border-width: 20px;

  722.   margin-top: -20px;

  723. }

  724. /* line 733, ../sass/screen.scss */

  725. #col-left ul {

  726.   list-style-type: none;

  727.   margin: 0px;

  728.   padding: 0px;

  729. }

  730. /* line 737, ../sass/screen.scss */

  731. #col-left ul li {

  732.   margin: 0px;

  733.   padding: 0px;

  734. }

  735. /* line 740, ../sass/screen.scss */

  736. #col-left ul li a {

  737.   text-decoration: none;

  738.   font-family: "comfortaaregular";

  739.   font-family: "myriadpro-regular";

  740.   font-size: 15px;

  741.   padding: 10px;

  742.   border-bottom: solid 1px #e0e0e0;

  743.   display: block;

  744.   color: black;

  745. }

  746. /* line 750, ../sass/screen.scss */

  747. #col-left ul li a span.nom, #col-left ul li a span.libelle {

  748.   display: none;

  749. }

  750. /* line 757, ../sass/screen.scss */

  751. #col-left p {

  752.   padding: 20px;

  753.   padding-top: 0px;

  754.   color: gray;

  755. }

  756. 

  757. /* line 765, ../sass/screen.scss */

  758. #content .header-title {

  759.   height: 79px;

  760.   padding: 20px 20px;

  761.   position: fixed;

  762.   top: 0px;

  763.   width: 100%;

  764.   background-color: white;

  765.   z-index: 10;

  766.   box-sizing: border-box;

  767.   border-bottom: solid 1px #e0e0e0;

  768.   -moz-box-shadow: 0px 0px 8px #e0e0e0;

  769.   -webkit-box-shadow: 0px 0px 8px #e0e0e0;

  770.   box-shadow: 0px 0px 8px #e0e0e0;

  771. }

  772. /* line 777, ../sass/screen.scss */

  773. #content .header-title h1 {

  774.   color: black;

  775.   font-family: "myriadpro-regular";

  776.   margin: 0px;

  777.   font-size: 25px;

  778.   text-transform: uppercase;

  779. }

  780. /* line 785, ../sass/screen.scss */

  781. #content .header-title h2 {

  782.   color: gray;

  783.   text-transform: none;

  784.   font-size: 15px;

  785.   margin-top: 3px;

  786.   line-height: 20px;

  787. }

  788. 

  789. /* line 796, ../sass/screen.scss */

  790. .header-etablissement {

  791.   z-index: 1;

  792. }

  793. /* line 798, ../sass/screen.scss */

  794. .header-etablissement #block-main-img {

  795.   height: 144px;

  796.   overflow: hidden;

  797. }

  798. /* line 802, ../sass/screen.scss */

  799. .header-etablissement #block-main-img #main-img {

  800.   width: 100%;

  801.   height: auto;

  802.   border: 0px none;

  803.   padding: 0px;

  804.   -moz-border-radius: 0px;

  805.   -webkit-border-radius: 0px;

  806.   border-radius: 0px;

  807. }

  808. /* line 811, ../sass/screen.scss */

  809. .header-etablissement h1 {

  810.   font-family: "comfortaaregular";

  811.   text-align: center;

  812.   position: absolute;

  813.   top: 30px;

  814.   left: 40px;

  815. }

  816. /* line 818, ../sass/screen.scss */

  817. .header-etablissement h1 span {

  818.   background-color: rgba(255, 255, 255, 0.8);

  819.   padding: 10px 30px;

  820.   border: dotted 1px black;

  821. }

  822. 

  823. /* line 829, ../sass/screen.scss */

  824. nav#menu-etablissement {

  825.   border-bottom: solid 1px #e0e0e0;

  826. }

  827. /* line 833, ../sass/screen.scss */

  828. nav#menu-etablissement ul li {

  829.   padding: 0px;

  830.   margin: 0px;

  831. }

  832. /* line 836, ../sass/screen.scss */

  833. nav#menu-etablissement ul li a {

  834.   border-right: solid 1px #e0e0e0;

  835.   text-decoration: none;

  836.   -moz-border-radius: 0px;

  837.   -webkit-border-radius: 0px;

  838.   border-radius: 0px;

  839. }

  840. /* line 841, ../sass/screen.scss */

  841. nav#menu-etablissement ul li a:hover {

  842.   background-color: #BB8757;

  843.   color: white;

  844. }

  845. 

  846. /* line 2, ../sass/_systeme_commandes.scss */

  847. h1.title-systeme-commande {

  848.   color: black;

  849.   padding-bottom: 35px;

  850.   font-size: 30px;

  851.   line-height: 35px;

  852.   font-family: "myriadpro-regular";

  853.   font-family: "comfortaalight";

  854.   text-align: center;

  855.   position: relative;

  856.   margin-top: 30px;

  857. }

  858. /* line 14, ../sass/_systeme_commandes.scss */

  859. h1.title-systeme-commande img {

  860.   width: 35px;

  861.   margin-right: 7px;

  862. }

  863. 

  864. /* line 20, ../sass/_systeme_commandes.scss */

  865. h2 {

  866.   font-size: 20px;

  867.   text-transform: uppercase;

  868. }

  869. 

  870. /* line 28, ../sass/_systeme_commandes.scss */

  871. #addetablissementform-id_etablissement option:disabled,

  872. #signupform-id_etablissement option:disabled {

  873.   font-weight: bold;

  874.   color: black;

  875. }

  876. /* line 32, ../sass/_systeme_commandes.scss */

  877. #addetablissementform-id_etablissement .lock,

  878. #signupform-id_etablissement .lock {

  879.   position: relative;

  880. }

  881. /* line 36, ../sass/_systeme_commandes.scss */

  882. #addetablissementform-id_etablissement .lock:before,

  883. #signupform-id_etablissement .lock:before {

  884.   font-family: "Glyphicons Halflings";

  885.   content: "\e033";

  886.   font-style: normal;

  887.   font-weight: 400;

  888.   line-height: 1;

  889.   position: relative;

  890.   top: 1px;

  891.   right: 0px;

  892. }

  893. 

  894. /* line 48, ../sass/_systeme_commandes.scss */

  895. #bloc-code-acces {

  896.   display: none;

  897. }

  898. 

  899. /* line 59, ../sass/_systeme_commandes.scss */

  900. #main .liste-etablissements .boulangerie {

  901.   padding-left: 0px;

  902.   padding-right: 30px;

  903. }

  904. /* line 63, ../sass/_systeme_commandes.scss */

  905. #main .liste-etablissements .boulangerie .panel {

  906.   margin-bottom: 13px;

  907. }

  908. /* line 67, ../sass/_systeme_commandes.scss */

  909. #main .liste-etablissements .boulangerie.selected .panel {

  910.   border-bottom: solid 3px #BB8757;

  911.   margin-bottom: 11px;

  912. }

  913. /* line 72, ../sass/_systeme_commandes.scss */

  914. #main .liste-etablissements .boulangerie .panel-heading {

  915.   height: 150px;

  916.   overflow: hidden;

  917.   padding: 0px;

  918.   background: none;

  919.   background-color: #F8F1DD;

  920. }

  921. /* line 79, ../sass/_systeme_commandes.scss */

  922. #main .liste-etablissements .boulangerie .panel-heading .img-back {

  923.   width: 100%;

  924.   height: auto;

  925.   position: relative;

  926.   top: -50%;

  927. }

  928. /* line 88, ../sass/_systeme_commandes.scss */

  929. #main .liste-etablissements .boulangerie .panel-body {

  930.   position: relative;

  931.   width: 100%;

  932.   height: 150px;

  933.   max-height: 150px;

  934.   text-align: center;

  935. }

  936. /* line 95, ../sass/_systeme_commandes.scss */

  937. #main .liste-etablissements .boulangerie .panel-body h3 {

  938.   margin-bottom: 4px;

  939. }

  940. /* line 99, ../sass/_systeme_commandes.scss */

  941. #main .liste-etablissements .boulangerie .panel-body .localite {

  942.   color: gray;

  943.   margin-bottom: 10px;

  944. }

  945. /* line 104, ../sass/_systeme_commandes.scss */

  946. #main .liste-etablissements .boulangerie .panel-body .glyphicon-check {

  947.   color: #BB8757;

  948.   font-size: 40px;

  949.   position: absolute;

  950.   top: 34px;

  951.   left: 32px;

  952. }

  953. /* line 112, ../sass/_systeme_commandes.scss */

  954. #main .liste-etablissements .boulangerie .panel-body .remove {

  955.   position: absolute;

  956.   top: 10px;

  957.   right: 10px;

  958. }

  959. /* line 118, ../sass/_systeme_commandes.scss */

  960. #main .liste-etablissements .boulangerie .panel-body .logo {

  961.   display: none;

  962.   width: 150px;

  963.   position: absolute;

  964.   top: -40px;

  965.   left: 50%;

  966.   margin-left: -75px;

  967.   background-color: white;

  968.   padding: 10px 20px;

  969. }

  970. /* line 129, ../sass/_systeme_commandes.scss */

  971. #main .liste-etablissements .boulangerie .panel-body .heure-limite-commande,

  972. #main .liste-etablissements .boulangerie .panel-body .credit-pain {

  973.   margin-top: 15px;

  974.   font-size: 13px;

  975. }

  976. /* line 135, ../sass/_systeme_commandes.scss */

  977. #main .liste-etablissements .boulangerie .panel-body .heure-limite-commande {

  978.   float: left;

  979. }

  980. /* line 139, ../sass/_systeme_commandes.scss */

  981. #main .liste-etablissements .boulangerie .panel-body .credit-pain {

  982.   float: right;

  983. }

  984. /* line 142, ../sass/_systeme_commandes.scss */

  985. #main .liste-etablissements .boulangerie .panel-body .credit-pain .montant {

  986.   font-size: 16px;

  987.   color: #BB8757;

  988.   background-color: #F8F1DD;

  989.   padding: 2px 10px;

  990.   -moz-border-radius: 5px;

  991.   -webkit-border-radius: 5px;

  992.   border-radius: 5px;

  993.   font-weight: bold;

  994. }

  995. /* line 149, ../sass/_systeme_commandes.scss */

  996. #main .liste-etablissements .boulangerie .panel-body .credit-pain .montant .glyphicon {

  997.   font-size: 13px;

  998. }

  999. /* line 155, ../sass/_systeme_commandes.scss */

  1000. #main .liste-etablissements .boulangerie .panel-body .info-credit-pain {

  1001.   font-size: 17px;

  1002.   position: relative;

  1003.   top: 2px;

  1004.   left: 3px;

  1005.   color: #BB8757;

  1006. }

  1007. 

  1008. /* line 166, ../sass/_systeme_commandes.scss */

  1009. #index-commande {

  1010.   position: relative;

  1011. }

  1012. /* line 169, ../sass/_systeme_commandes.scss */

  1013. #index-commande #logout {

  1014.   position: absolute;

  1015.   /*top: 45px ;

  1016.   right: 93px ;*/

  1017.   top: 0;

  1018.   right: 0;

  1019.   z-index: 10;

  1020. }

  1021. /* line 178, ../sass/_systeme_commandes.scss */

  1022. #index-commande .accueil {

  1023.   text-align: center;

  1024.   padding-bottom: 20px;

  1025. }

  1026. /* line 183, ../sass/_systeme_commandes.scss */

  1027. #index-commande #bloc-add-etablissement {

  1028.   padding-left: 0px;

  1029.   padding-right: 30px;

  1030. }

  1031. /* line 187, ../sass/_systeme_commandes.scss */

  1032. #index-commande #bloc-add-etablissement .help-block {

  1033.   padding-bottom: 0px;

  1034. }

  1035. /* line 191, ../sass/_systeme_commandes.scss */

  1036. #index-commande #bloc-add-etablissement .field-addetablissementform-id_etablissement {

  1037.   width: 70%;

  1038.   float: left;

  1039. }

  1040. /* line 196, ../sass/_systeme_commandes.scss */

  1041. #index-commande #bloc-add-etablissement .field-addetablissementform-code {

  1042.   width: 70%;

  1043.   float: left;

  1044. }

  1045. /* line 201, ../sass/_systeme_commandes.scss */

  1046. #index-commande #bloc-add-etablissement .btn {

  1047.   float: right;

  1048.   position: relative;

  1049.   top: 20px;

  1050. }

  1051. /* line 207, ../sass/_systeme_commandes.scss */

  1052. #index-commande #bloc-add-etablissement .panel-heading {

  1053.   background: none;

  1054.   background-color: white;

  1055.   cursor: pointer;

  1056. }

  1057. /* line 213, ../sass/_systeme_commandes.scss */

  1058. #index-commande #bloc-add-etablissement .panel-body {

  1059.   display: none;

  1060. }

  1061. /* line 219, ../sass/_systeme_commandes.scss */

  1062. #index-commande #historique-commandes .statut, #index-commande #historique-commandes .montant {

  1063.   width: 175px;

  1064. }

  1065. /* line 222, ../sass/_systeme_commandes.scss */

  1066. #index-commande #historique-commandes .montant {

  1067.   width: 100px;

  1068. }

  1069. /* line 229, ../sass/_systeme_commandes.scss */

  1070. #index-commande #historique-commandes .localite {

  1071.   font-size: 11px;

  1072.   lin-height: 11px;

  1073. }

  1074. /* line 234, ../sass/_systeme_commandes.scss */

  1075. #index-commande #historique-commandes a {

  1076.   text-decoration: none;

  1077. }

  1078. /* line 238, ../sass/_systeme_commandes.scss */

  1079. #index-commande #historique-commandes .commentaire {

  1080.   margin-top: 5px;

  1081. }

  1082. /* line 240, ../sass/_systeme_commandes.scss */

  1083. #index-commande #historique-commandes .commentaire span {

  1084.   font-size: 12px;

  1085.   background-color: white;

  1086.   color: #BB8757;

  1087.   font-weight: bold;

  1088.   -moz-border-radius: 5px;

  1089.   -webkit-border-radius: 5px;

  1090.   border-radius: 5px;

  1091.   padding: 5px 10px;

  1092.   border: solid 1px #ccc;

  1093. }

  1094. 

  1095. /* line 253, ../sass/_systeme_commandes.scss */

  1096. .commande-form {

  1097.   min-height: 600px;

  1098.   padding-bottom: 60px;

  1099. }

  1100. /* line 258, ../sass/_systeme_commandes.scss */

  1101. .commande-form h2 {

  1102.   font-family: "myriadpro-regular";

  1103. }

  1104. /* line 262, ../sass/_systeme_commandes.scss */

  1105. .commande-form #infos-importantes.alert-warning {

  1106.   float: right;

  1107. }

  1108. /* line 268, ../sass/_systeme_commandes.scss */

  1109. .commande-form #datepicker-production .ui-datepicker {

  1110.   float: left;

  1111.   margin-right: 20px;

  1112.   font-size: 20px;

  1113. }

  1114. /* line 274, ../sass/_systeme_commandes.scss */

  1115. .commande-form #datepicker-production .ui-datepicker-header {

  1116.   background-color: #BB8757;

  1117. }

  1118. /* line 278, ../sass/_systeme_commandes.scss */

  1119. .commande-form #datepicker-production .ui-datepicker-title {

  1120.   color: white;

  1121. }

  1122. /* line 284, ../sass/_systeme_commandes.scss */

  1123. .commande-form #datepicker-production .ui-datepicker-prev:hover,

  1124. .commande-form #datepicker-production .ui-datepicker-next:hover {

  1125.   border: 0px none;

  1126.   background: none;

  1127. }

  1128. /* line 290, ../sass/_systeme_commandes.scss */

  1129. .commande-form #datepicker-production .ui-helper-clearfix:after {

  1130.   clear: none;

  1131. }

  1132. /* line 295, ../sass/_systeme_commandes.scss */

  1133. .commande-form #datepicker-production .ui-datepicker-calendar a {

  1134.   text-decoration: none;

  1135.   background-color: #F8F1DD;

  1136. }

  1137. /* line 298, ../sass/_systeme_commandes.scss */

  1138. .commande-form #datepicker-production .ui-datepicker-calendar a.ui-state-hover, .commande-form #datepicker-production .ui-datepicker-calendar a.ui-state-active {

  1139.   background-color: #BB8757;

  1140.   color: white;

  1141.   border-color: #cdc3b7;

  1142. }

  1143. /* line 307, ../sass/_systeme_commandes.scss */

  1144. .commande-form .date-commande {

  1145.   margin-bottom: 53px;

  1146. }

  1147. /* line 309, ../sass/_systeme_commandes.scss */

  1148. .commande-form .date-commande span {

  1149.   background-color: #BB8757;

  1150.   color: white;

  1151.   -moz-border-radius: 10px;

  1152.   -webkit-border-radius: 10px;

  1153.   border-radius: 10px;

  1154.   padding: 10px;

  1155.   font-family: "myriadpro-regular";

  1156.   font-size: 20px;

  1157. }

  1158. /* line 319, ../sass/_systeme_commandes.scss */

  1159. .commande-form #has-commande-en-cours {

  1160.   margin-top: 15px;

  1161. }

  1162. /* line 322, ../sass/_systeme_commandes.scss */

  1163. .commande-form #has-commande-en-cours a {

  1164.   color: #a94442;

  1165.   text-decoration: none;

  1166.   font-weight: bold;

  1167. }

  1168. /* line 329, ../sass/_systeme_commandes.scss */

  1169. .commande-form .field-commande-id_production {

  1170.   display: none;

  1171. }

  1172. /* line 333, ../sass/_systeme_commandes.scss */

  1173. .commande-form .field-commande-id_point_vente {

  1174.   margin-top: 30px;

  1175. }

  1176. /* line 337, ../sass/_systeme_commandes.scss */

  1177. .commande-form .field-commande-id_production {

  1178.   margin-bottom: 0px;

  1179. }

  1180. /* line 339, ../sass/_systeme_commandes.scss */

  1181. .commande-form .field-commande-id_production label {

  1182.   margin-bottom: 0px;

  1183. }

  1184. /* line 343, ../sass/_systeme_commandes.scss */

  1185. .commande-form .field-commande-id_production .help-block {

  1186.   margin-bottom: 0px;

  1187. }

  1188. /* line 348, ../sass/_systeme_commandes.scss */

  1189. .commande-form .field-commande-id_point_vente {

  1190.   display: none;

  1191. }

  1192. /* line 352, ../sass/_systeme_commandes.scss */

  1193. .commande-form .blocs {

  1194.   list-style-type: none;

  1195.   margin: 0px;

  1196.   padding: 0px;

  1197. }

  1198. /* line 357, ../sass/_systeme_commandes.scss */

  1199. .commande-form .blocs .bloc {

  1200.   text-decoration: none;

  1201.   width: 268px;

  1202.   height: 130px;

  1203.   float: left;

  1204.   padding: 20px;

  1205.   margin-right: 20px;

  1206.   margin-bottom: 8px;

  1207.   cursor: pointer;

  1208.   float: left;

  1209.   background-color: #f9f9f9;

  1210.   background-color: white;

  1211.   border: 1px solid #d8d8d8;

  1212. }

  1213. /* line 372, ../sass/_systeme_commandes.scss */

  1214. .commande-form .blocs .bloc .nom {

  1215.   font-family: "comfortaalight";

  1216.   font-size: 20px;

  1217. }

  1218. /* line 378, ../sass/_systeme_commandes.scss */

  1219. .commande-form .blocs .bloc .adresse {

  1220.   color: gray;

  1221.   font-size: 13px;

  1222.   line-height: 16px;

  1223. }

  1224. /* line 384, ../sass/_systeme_commandes.scss */

  1225. .commande-form .blocs .bloc .horaires {

  1226.   margin-top: 7px;

  1227. }

  1228. /* line 386, ../sass/_systeme_commandes.scss */

  1229. .commande-form .blocs .bloc .horaires .jour {

  1230.   font-weight: bold;

  1231.   display: none;

  1232. }

  1233. /* line 393, ../sass/_systeme_commandes.scss */

  1234. .commande-form .blocs .bloc.selected {

  1235.   border-left: solid 5px #BB8757;

  1236. }

  1237. /* line 396, ../sass/_systeme_commandes.scss */

  1238. .commande-form .blocs .bloc.selected .contenu {

  1239.   position: relative;

  1240.   left: -4px;

  1241. }

  1242. /* line 402, ../sass/_systeme_commandes.scss */

  1243. .commande-form .blocs .bloc:hover {

  1244.   -moz-box-shadow: 0px 0px 5px #d8d8d8;

  1245.   -webkit-box-shadow: 0px 0px 5px #d8d8d8;

  1246.   box-shadow: 0px 0px 5px #d8d8d8;

  1247. }

  1248. /* line 407, ../sass/_systeme_commandes.scss */

  1249. .commande-form .blocs .bloc.disabled {

  1250.   display: none;

  1251. }

  1252. /* line 412, ../sass/_systeme_commandes.scss */

  1253. .commande-form .blocs .bloc .commentaire {

  1254.   margin-top: 5px;

  1255. }

  1256. /* line 414, ../sass/_systeme_commandes.scss */

  1257. .commande-form .blocs .bloc .commentaire span {

  1258.   background-color: #BB8757;

  1259.   -moz-border-radius: 5px;

  1260.   -webkit-border-radius: 5px;

  1261.   border-radius: 5px;

  1262.   color: white;

  1263.   font-weight: bold;

  1264.   padding: 3px 10px;

  1265. }

  1266. /* line 425, ../sass/_systeme_commandes.scss */

  1267. .commande-form #produits {

  1268.   margin-top: 15px;

  1269. }

  1270. /* line 428, ../sass/_systeme_commandes.scss */

  1271. .commande-form #produits #label-produits {

  1272.   display: block;

  1273.   margin-bottom: 5px;

  1274. }

  1275. /* line 433, ../sass/_systeme_commandes.scss */

  1276. .commande-form #produits .table {

  1277.   margin-top: 7px;

  1278. }

  1279. /* line 436, ../sass/_systeme_commandes.scss */

  1280. .commande-form #produits .table .illu {

  1281.   float: left;

  1282.   height: auto;

  1283.   width: 70px;

  1284.   margin-right: 15px;

  1285. }

  1286. /* line 443, ../sass/_systeme_commandes.scss */

  1287. .commande-form #produits .table .photo {

  1288.   padding: 0px;

  1289.   width: 120px;

  1290. }

  1291. /* line 448, ../sass/_systeme_commandes.scss */

  1292. .commande-form #produits .table .th-photo, .commande-form #produits .table .td-photo {

  1293.   width: 120px;

  1294. }

  1295. /* line 452, ../sass/_systeme_commandes.scss */

  1296. .commande-form #produits .table .nom {

  1297.   font-family: "comfortaalight";

  1298.   font-weight: bold;

  1299.   text-transform: uppercase;

  1300.   font-size: 18px;

  1301. }

  1302. /* line 459, ../sass/_systeme_commandes.scss */

  1303. .commande-form #produits .table .description {

  1304.   font-style: italic;

  1305. }

  1306. /* line 463, ../sass/_systeme_commandes.scss */

  1307. .commande-form #produits .table .recette {

  1308.   font-size: 12px;

  1309. }

  1310. /* line 467, ../sass/_systeme_commandes.scss */

  1311. .commande-form #produits .table .input-group {

  1312.   width: 133px;

  1313. }

  1314. /* line 469, ../sass/_systeme_commandes.scss */

  1315. .commande-form #produits .table .input-group .quantity {

  1316.   text-align: center;

  1317. }

  1318. /* line 474, ../sass/_systeme_commandes.scss */

  1319. .commande-form #produits .table .colonne-quantite, .commande-form #produits .table .prix-unit, .commande-form #produits .table .total {

  1320.   width: 150px;

  1321.   text-align: center;

  1322. }

  1323. /* line 479, ../sass/_systeme_commandes.scss */

  1324. .commande-form #produits .table td#total-commande, .commande-form #produits .table td#total-commande-vrac, .commande-form #produits .table td.total {

  1325.   text-align: center;

  1326. }

  1327. /* line 483, ../sass/_systeme_commandes.scss */

  1328. .commande-form #produits .table .epuise {

  1329.   display: none;

  1330.   text-transform: uppercase;

  1331.   color: #B32815;

  1332.   font-weight: bold;

  1333.   font-size: 16px;

  1334.   text-align: center;

  1335. }

  1336. /* line 492, ../sass/_systeme_commandes.scss */

  1337. .commande-form #produits .table .quantite-restante {

  1338.   font-size: 12px;

  1339.   margin-top: 8px;

  1340. }

  1341. /* line 496, ../sass/_systeme_commandes.scss */

  1342. .commande-form #produits .table .quantite-restante .nb {

  1343.   font-weight: bold;

  1344. }

  1345. /* line 501, ../sass/_systeme_commandes.scss */

  1346. .commande-form #produits .table td.produit, .commande-form #produits .table th.produit {

  1347.   width: 70%;

  1348. }

  1349. /* line 505, ../sass/_systeme_commandes.scss */

  1350. .commande-form #produits .table td.prix-unit, .commande-form #produits .table th.prix-unit {

  1351.   width: 10%;

  1352. }

  1353. /* line 509, ../sass/_systeme_commandes.scss */

  1354. .commande-form #produits .table td.colonne-quantite, .commande-form #produits .table th.colonne-quantite {

  1355.   width: 10%;

  1356. }

  1357. /* line 513, ../sass/_systeme_commandes.scss */

  1358. .commande-form #produits .table td.total, .commande-form #produits .table th.total {

  1359.   width: 10%;

  1360. }

  1361. /* line 519, ../sass/_systeme_commandes.scss */

  1362. .commande-form #bar-fixed {

  1363.   display: none;

  1364.   position: fixed;

  1365.   bottom: 0px;

  1366.   z-index: 100;

  1367.   background-color: white;

  1368.   padding: 15px;

  1369.   margin-bottom: 0px;

  1370.   -moz-box-shadow: 0 0 5px gray;

  1371.   -webkit-box-shadow: 0 0 5px gray;

  1372.   box-shadow: 0 0 5px gray;

  1373.   -moz-border-radius: 10px 10px 0px 0px;

  1374.   -webkit-border-radius: 10px;

  1375.   border-radius: 10px 10px 0px 0px;

  1376.   border-top: solid 1px #e0e0e0;

  1377.   background-color: #F9F9F9;

  1378.   background-color: #F8F1DD;

  1379.   text-align: center;

  1380. }

  1381. /* line 536, ../sass/_systeme_commandes.scss */

  1382. .commande-form #bar-fixed.not-fixed {

  1383.   position: relative;

  1384.   -moz-box-shadow: none;

  1385.   -webkit-box-shadow: none;

  1386.   box-shadow: none;

  1387.   -moz-border-radius: 0px;

  1388.   -webkit-border-radius: 0px;

  1389.   border-radius: 0px;

  1390.   border: solid 1px #e0e0e0;

  1391.   padding-right: 20px;

  1392. }

  1393. /* line 545, ../sass/_systeme_commandes.scss */

  1394. .commande-form #bar-fixed.no-credit-pain #bloc-valider-commande {

  1395.   margin-top: 0px;

  1396.   float: right;

  1397. }

  1398. /* line 551, ../sass/_systeme_commandes.scss */

  1399. .commande-form #bar-fixed #total-commande-bottom {

  1400.   background-color: white;

  1401.   -moz-border-radius: 20px;

  1402.   -webkit-border-radius: 20px;

  1403.   border-radius: 20px;

  1404.   padding: 5px 25px;

  1405.   border: solid 1px #e0e0e0;

  1406. }

  1407. /* line 558, ../sass/_systeme_commandes.scss */

  1408. .commande-form #bar-fixed .btn-commentaire {

  1409.   float: left;

  1410. }

  1411. /* line 566, ../sass/_systeme_commandes.scss */

  1412. .commande-form #bar-fixed .btn-commentaire {

  1413.   margin-right: 10px;

  1414. }

  1415. /* line 570, ../sass/_systeme_commandes.scss */

  1416. .commande-form #bar-fixed #bloc-valider-commande {

  1417.   text-align: right;

  1418.   margin-top: 20px;

  1419. }

  1420. /* line 574, ../sass/_systeme_commandes.scss */

  1421. .commande-form #bar-fixed #bloc-valider-commande button {

  1422.   width: 340px;

  1423.   margin-right: 10px;

  1424. }

  1425. /* line 580, ../sass/_systeme_commandes.scss */

  1426. .commande-form #bar-fixed #checkbox-credit-pain {

  1427.   float: right;

  1428.   width: 340px;

  1429.   padding: 3px 11px;

  1430.   background-color: white;

  1431.   border: solid 1px #ccc;

  1432.   -moz-border-radius: 5px;

  1433.   -webkit-border-radius: 5px;

  1434.   border-radius: 5px;

  1435.   margin-right: 10px;

  1436.   text-shadow: 0 1px 0 #fff;

  1437.   -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);

  1438.   -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);

  1439.   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);

  1440. }

  1441. /* line 591, ../sass/_systeme_commandes.scss */

  1442. .commande-form #bar-fixed #checkbox-credit-pain.paiement-impossible {

  1443.   background-color: #e0e0e0;

  1444. }

  1445. /* line 595, ../sass/_systeme_commandes.scss */

  1446. .commande-form #bar-fixed #checkbox-credit-pain .info {

  1447.   color: gray;

  1448.   font-weight: normal;

  1449. }

  1450. /* line 600, ../sass/_systeme_commandes.scss */

  1451. .commande-form #bar-fixed #checkbox-credit-pain .the-credit {

  1452.   background-color: #BB8757;

  1453.   color: white;

  1454.   padding: 2px 8px;

  1455.   -moz-border-radius: 5px;

  1456.   -webkit-border-radius: 5px;

  1457.   border-radius: 5px;

  1458. }

  1459. /* line 607, ../sass/_systeme_commandes.scss */

  1460. .commande-form #bar-fixed #checkbox-credit-pain .montant-paye {

  1461.   color: #BB8757;

  1462. }

  1463. /* line 611, ../sass/_systeme_commandes.scss */

  1464. .commande-form #bar-fixed #checkbox-credit-pain #info-credit-vide {

  1465.   font-size: 12px;

  1466. }

  1467. /* line 615, ../sass/_systeme_commandes.scss */

  1468. .commande-form #bar-fixed #checkbox-credit-pain #credit-pain-disabled {

  1469.   display: none;

  1470.   font-size: 12px;

  1471. }

  1472. /* line 621, ../sass/_systeme_commandes.scss */

  1473. .commande-form #bar-fixed .btn-retour, .commande-form #bar-fixed .annuler-commande {

  1474.   float: left;

  1475.   margin-right: 5px;

  1476. }

  1477. /* line 626, ../sass/_systeme_commandes.scss */

  1478. .commande-form #bar-fixed .annuler-commande {

  1479.   color: #b92c28;

  1480.   background-color: white;

  1481. }

  1482. /* line 631, ../sass/_systeme_commandes.scss */

  1483. .commande-form #bar-fixed #total-commande-bottom {

  1484.   display: none;

  1485.   font-weight: bold;

  1486.   font-family: "comfortaalight";

  1487.   font-size: 24px;

  1488. }

  1489. /* line 638, ../sass/_systeme_commandes.scss */

  1490. .commande-form #bar-fixed .field-commande-commentaire {

  1491.   display: none;

  1492. }

  1493. 

  1494. /* line 646, ../sass/_systeme_commandes.scss */

  1495. .ui-datepicker .ui-widget-header {

  1496.   background: none;

  1497.   background-color: gray;

  1498.   border: 0px none;

  1499.   color: black;

  1500.   font-weight: normal;

  1501. }

  1502. /* line 654, ../sass/_systeme_commandes.scss */

  1503. .ui-datepicker .ui-datepicker-current-day a,

  1504. .ui-datepicker a.ui-state-hover {

  1505.   background: none;

  1506.   background-color: gray;

  1507.   border-color: black;

  1508.   color: black;

  1509. }

  1510. 

  1511. /* line 667, ../sass/_systeme_commandes.scss */

  1512. #page-etablissement h1 {

  1513.   font-size: 40px;

  1514. }

  1515. /* line 670, ../sass/_systeme_commandes.scss */

  1516. #page-etablissement .info {

  1517.   text-align: center;

  1518. }

  1519. 

  1520. @media screen and (max-width: 1000px) {

  1521.   /* line 3, ../sass/_responsive.scss */

  1522.   #content {

  1523.     padding-top: 0px;

  1524.   }

  1525. 

  1526.   /* line 7, ../sass/_responsive.scss */

  1527.   #header {

  1528.     position: relative;

  1529.   }

  1530.   /* line 12, ../sass/_responsive.scss */

  1531.   #header nav ul {

  1532.     margin-top: 5px;

  1533.     float: left;

  1534.   }

  1535.   /* line 15, ../sass/_responsive.scss */

  1536.   #header nav ul li {

  1537.     float: right;

  1538.     display: none;

  1539.   }

  1540.   /* line 19, ../sass/_responsive.scss */

  1541.   #header nav ul li a {

  1542.     padding: 5px;

  1543.     height: auto;

  1544.     line-height: 20px;

  1545.   }

  1546.   /* line 28, ../sass/_responsive.scss */

  1547.   #header nav {

  1548.     width: 100%;

  1549.   }

  1550.   /* line 30, ../sass/_responsive.scss */

  1551.   #header nav ul {

  1552.     float: none;

  1553.     margin: 0px none;

  1554.   }

  1555.   /* line 36, ../sass/_responsive.scss */

  1556.   #header nav ul li#logo {

  1557.     display: block;

  1558.   }

  1559.   /* line 43, ../sass/_responsive.scss */

  1560.   #header a#link-commander {

  1561.     display: none;

  1562.   }

  1563. 

  1564.   /* line 48, ../sass/_responsive.scss */

  1565.   #content #points-vente .content {

  1566.     padding-left: 10px;

  1567.     margin-top: 30px;

  1568.   }

  1569. 

  1570.   /* line 53, ../sass/_responsive.scss */

  1571.   #menu-user {

  1572.     position: relative;

  1573.     top: 0px;

  1574.   }

  1575. 

  1576.   /* line 58, ../sass/_responsive.scss */

  1577.   .connected #content {

  1578.     padding-top: 0px;

  1579.   }

  1580. }