Souke/common/web/css/screen.css

@charset "UTF-8";
/** 
Copyright Guillaume Bourgeois (2018)

contact@souke.fr

Ce logiciel est un programme informatique servant à aider les producteurs 
à distribuer leur production en circuits courts. 

Ce logiciel est régi par la licence CeCILL soumise au droit français et
respectant les principes de diffusion des logiciels libres. Vous pouvez
utiliser, modifier et/ou redistribuer ce programme sous les conditions
de la licence CeCILL telle que diffusée par le CEA, le CNRS et l'INRIA 
sur le site "http://www.cecill.info".

En contrepartie de l'accessibilité au code source et des droits de copie,
de modification et de redistribution accordés par cette licence, il n'est
offert aux utilisateurs qu'une garantie limitée.  Pour les mêmes raisons,
seule une responsabilité restreinte pèse sur l'auteur du programme,  le
titulaire des droits patrimoniaux et les concédants successifs.

A cet égard  l'attention de l'utilisateur est attirée sur les risques
associés au chargement,  à l'utilisation,  à la modification et/ou au
développement et à la reproduction du logiciel par l'utilisateur étant 
donné sa spécificité de logiciel libre, qui peut le rendre complexe à 
manipuler et qui le réserve donc à des développeurs et des professionnels
avertis possédant  des  connaissances  informatiques approfondies.  Les
utilisateurs sont donc invités à charger  et  tester  l'adéquation  du
logiciel à leurs besoins dans des conditions permettant d'assurer la
sécurité de leurs systèmes et ou de leurs données et, plus généralement, 
à l'utiliser et l'exploiter dans les mêmes conditions de sécurité. 

Le fait que vous puissiez accéder à cet en-tête signifie que vous avez 
pris connaissance de la licence CeCILL, et que vous en avez accepté les
termes.
*/
/** 
Copyright Guillaume Bourgeois (2018)

contact@souke.fr

Ce logiciel est un programme informatique servant à aider les producteurs 
à distribuer leur production en circuits courts. 

Ce logiciel est régi par la licence CeCILL soumise au droit français et
respectant les principes de diffusion des logiciels libres. Vous pouvez
utiliser, modifier et/ou redistribuer ce programme sous les conditions
de la licence CeCILL telle que diffusée par le CEA, le CNRS et l'INRIA 
sur le site "http://www.cecill.info".

En contrepartie de l'accessibilité au code source et des droits de copie,
de modification et de redistribution accordés par cette licence, il n'est
offert aux utilisateurs qu'une garantie limitée.  Pour les mêmes raisons,
seule une responsabilité restreinte pèse sur l'auteur du programme,  le
titulaire des droits patrimoniaux et les concédants successifs.

A cet égard  l'attention de l'utilisateur est attirée sur les risques
associés au chargement,  à l'utilisation,  à la modification et/ou au
développement et à la reproduction du logiciel par l'utilisateur étant 
donné sa spécificité de logiciel libre, qui peut le rendre complexe à 
manipuler et qui le réserve donc à des développeurs et des professionnels
avertis possédant  des  connaissances  informatiques approfondies.  Les
utilisateurs sont donc invités à charger  et  tester  l'adéquation  du
logiciel à leurs besoins dans des conditions permettant d'assurer la
sécurité de leurs systèmes et ou de leurs données et, plus généralement, 
à l'utiliser et l'exploiter dans les mêmes conditions de sécurité. 

Le fait que vous puissiez accéder à cet en-tête signifie que vous avez 
pris connaissance de la licence CeCILL, et que vous en avez accepté les
termes.
*/
@font-face {
  font-family: 'highvoltageregular';
  src: url("../fonts/highvoltage-webfont.eot");
  src: url("../fonts/highvoltage-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/highvoltage-webfont.woff2") format("woff2"), url("../fonts/highvoltage-webfont.woff") format("woff"), url("../fonts/highvoltage-webfont.ttf") format("truetype"), url("../fonts/highvoltage-webfont.svg#highvoltageregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'capsuularegular';
  src: url("../fonts/capsuula-webfont.eot");
  src: url("../fonts/capsuula-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/capsuula-webfont.woff2") format("woff2"), url("../fonts/capsuula-webfont.woff") format("woff"), url("../fonts/capsuula-webfont.ttf") format("truetype"), url("../fonts/capsuula-webfont.svg#capsuularegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'worksans_thin';
  src: url("../fonts/worksans/worksans-thin-webfont.eot");
  src: url("../fonts/worksans/worksans-thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/worksans/worksans-thin-webfont.woff2") format("woff2"), url("../fonts/worksans/worksans-thin-webfont.woff") format("woff"), url("../fonts/worksans/worksans-thin-webfont.ttf") format("truetype"), url("../fonts/worksans/worksans-thin-webfont.svg#work_sansthin") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'worksans_light';
  src: url("../fonts/worksans/worksans-light-webfont.eot");
  src: url("../fonts/worksans/worksans-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/worksans/worksans-light-webfont.woff2") format("woff2"), url("../fonts/worksans/worksans-light-webfont.woff") format("woff"), url("../fonts/worksans/worksans-light-webfont.ttf") format("truetype"), url("../fonts/worksans/worksans-light-webfont.svg#work_sanslight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'worksans_regular';
  src: url("../fonts/worksans/worksans-regular-webfont.eot");
  src: url("../fonts/worksans/worksans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/worksans/worksans-regular-webfont.woff2") format("woff2"), url("../fonts/worksans/worksans-regular-webfont.woff") format("woff"), url("../fonts/worksans/worksans-regular-webfont.ttf") format("truetype"), url("../fonts/worksans/worksans-regular-webfont.svg#work_sansregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'worksans_medium';
  src: url("../fonts/worksans/worksans-medium-webfont.eot");
  src: url("../fonts/worksans/worksans-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/worksans/worksans-medium-webfont.woff2") format("woff2"), url("../fonts/worksans/worksans-medium-webfont.woff") format("woff"), url("../fonts/worksans/worksans-medium-webfont.ttf") format("truetype"), url("../fonts/worksans/worksans-medium-webfont.svg#work_sansmedium") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'worksans_semibold';
  src: url("../fonts/worksans/worksans-semibold-webfont.eot");
  src: url("../fonts/worksans/worksans-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/worksans/worksans-semibold-webfont.woff2") format("woff2"), url("../fonts/worksans/worksans-semibold-webfont.woff") format("woff"), url("../fonts/worksans/worksans-semibold-webfont.ttf") format("truetype"), url("../fonts/worksans/worksans-semibold-webfont.svg#work_sanssemibold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'worksans_bold';
  src: url("../fonts/worksans/worksans-bold-webfont.eot");
  src: url("../fonts/worksans/worksans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/worksans/worksans-bold-webfont.woff2") format("woff2"), url("../fonts/worksans/worksans-bold-webfont.woff") format("woff"), url("../fonts/worksans/worksans-bold-webfont.ttf") format("truetype"), url("../fonts/worksans/worksans-bold-webfont.svg#work_sansbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'worksans_extrabold';
  src: url("../fonts/worksans/worksans-extrabold-webfont.eot");
  src: url("../fonts/worksans/worksans-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/worksans/worksans-extrabold-webfont.woff2") format("woff2"), url("../fonts/worksans/worksans-extrabold-webfont.woff") format("woff"), url("../fonts/worksans/worksans-extrabold-webfont.ttf") format("truetype"), url("../fonts/worksans/worksans-extrabold-webfont.svg#work_sansextrabold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'latinmodernmono_regular';
  src: url("../fonts/latinmodernmono/lmmono10-regular-webfont.eot");
  src: url("../fonts/latinmodernmono/lmmono10-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/latinmodernmono/lmmono10-regular-webfont.woff2") format("woff2"), url("../fonts/latinmodernmono/lmmono10-regular-webfont.woff") format("woff"), url("../fonts/latinmodernmono/lmmono10-regular-webfont.ttf") format("truetype"), url("../fonts/latinmodernmono/lmmono10-regular-webfont.svg#latin_modern_mono10_regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Environnement beta */
/* line 4, ../sass/_common.scss */
.badge-environment-beta {
  position: relative;
  display: inline-block;
  font-size: 13px;
  line-height: 20px;
  font-family: 'worksans_semibold';
  font-weight: normal;
  padding: 1px 10px;
  border-radius: 10px;
  color: white;
  background-color: black;
  text-align: center;
  vertical-align: baseline;
}

/* line 19, ../sass/_common.scss */
#main {
  /* Boutons */
  /* Alertes */
  /* Card */
  /* Tables */
  /* Formulaires */
}
/* line 21, ../sass/_common.scss */
#main .btn-primary,
#main .btn-secondary {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  font-family: 'worksans_semibold';
}
/* line 26, ../sass/_common.scss */
#main .btn-primary .bi,
#main .btn-secondary .bi {
  margin-right: 5px;
}
/* line 31, ../sass/_common.scss */
#main .btn-primary {
  background-color: #ee6f42;
  border: 0px none;
  color: white;
}
/* line 36, ../sass/_common.scss */
#main .btn-primary:hover, #main .btn-primary:active, #main .btn-primary:focus {
  filter: brightness(90%);
  border: 0px none;
  color: white;
}
/* line 43, ../sass/_common.scss */
#main .btn-secondary {
  color: black;
  background-color: #f4efe8;
  border: solid 1px #f4efe8;
}
/* line 48, ../sass/_common.scss */
#main .btn-secondary:hover, #main .btn-secondary.active {
  background-color: #ece4d8;
  border: solid 1px #ece4d8;
  color: black;
}
/* line 56, ../sass/_common.scss */
#main .alert {
  border: 0px none;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px;
  border-radius: 0px !important;
  color: black;
  padding: 20px;
  margin-bottom: 20px;
}
/* line 63, ../sass/_common.scss */
#main .alert.alert-success {
  background-color: #e4e9ad !important;
}
/* line 67, ../sass/_common.scss */
#main .alert.alert-info {
  background-color: #97bfc4 !important;
}
/* line 71, ../sass/_common.scss */
#main .alert.alert-warning {
  background-color: #ecd58e !important;
}
/* line 75, ../sass/_common.scss */
#main .alert.alert-danger {
  background-color: #edbaa4 !important;
}
/* line 79, ../sass/_common.scss */
#main .alert.alert-dark {
  background-color: #ece4d8 !important;
}
/* line 83, ../sass/_common.scss */
#main .alert a {
  color: black;
}
/* line 87, ../sass/_common.scss */
#main .alert p:last-child {
  margin-bottom: 0px;
}
/* line 93, ../sass/_common.scss */
#main .card {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
/* line 103, ../sass/_common.scss */
#main .table thead tr th {
  font-family: 'worksans_semibold';
}
/* line 113, ../sass/_common.scss */
#main .table.table-striped {
  border: 0px none;
}
/* line 116, ../sass/_common.scss */
#main .table.table-striped.table-striped > tbody > tr:nth-of-type(2n) > *,
#main .table.table-striped thead tr th {
  background-color: #ece4d8;
}
/* line 121, ../sass/_common.scss */
#main .table.table-striped.table-striped > tbody > tr:nth-of-type(2n+1) > * {
  background-color: #f8f7f3;
}
/* line 125, ../sass/_common.scss */
#main .table.table-striped thead tr th,
#main .table.table-striped tbody tr td {
  -moz-box-shadow: -20px 0 20px -20px rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: -20px 0 20px -20px rgba(0, 0, 0, 0.2) inset;
  box-shadow: -20px 0 20px -20px rgba(0, 0, 0, 0.2) inset;
}
/* line 129, ../sass/_common.scss */
#main .table.table-striped thead tr th:last-child,
#main .table.table-striped tbody tr td:last-child {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* line 135, ../sass/_common.scss */
#main .table.table-striped thead tr {
  border: 0px none;
}
/* line 137, ../sass/_common.scss */
#main .table.table-striped thead tr th {
  border: 0px none;
  padding: 10px 20px;
}
/* line 145, ../sass/_common.scss */
#main .table.table-striped tbody tr {
  border: 0px none;
}
/* line 147, ../sass/_common.scss */
#main .table.table-striped tbody tr td {
  border: 0px none;
  padding: 20px;
}
/* line 155, ../sass/_common.scss */
#main .table .btn-secondary {
  display: inline-block;
  margin-bottom: 5px;
}
/* line 163, ../sass/_common.scss */
#main form .control-label {
  font-family: 'worksans_medium';
}
/* line 167, ../sass/_common.scss */
#main form input[type="text"],
#main form input[type="email"],
#main form input[type="password"],
#main form textarea,
#main form select {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  border: solid 1px #b7ab9b;
}
/* line 177, ../sass/_common.scss */
#main form .form-control {
  -moz-appearance: auto;
  -webkit-appearance: auto;
}
/* line 181, ../sass/_common.scss */
#main form .form-control:hover {
  border: solid 1px gray;
}
/* line 185, ../sass/_common.scss */
#main form .form-control:focus {
  -moz-box-shadow: 0px 0px 0px 1px #ee6f42;
  -webkit-box-shadow: 0px 0px 0px 1px #ee6f42;
  box-shadow: 0px 0px 0px 1px #ee6f42;
  border: solid 1px #ee6f42;
}
/* line 191, ../sass/_common.scss */
#main form .has-error .control-label {
  color: black;
}
/* line 195, ../sass/_common.scss */
#main form .has-error .form-control:focus, #main form .has-error .form-control {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #a94442;
}
/* line 200, ../sass/_common.scss */
#main form .has-error .help-block-error {
  color: #a94442;
}
/* line 205, ../sass/_common.scss */
#main form .form-buttons {
  text-align: right;
}

/* Divers */
/* line 212, ../sass/_common.scss */
.float-left {
  float: left;
}

/* line 216, ../sass/_common.scss */
.float-right {
  float: right;
}

/* line 220, ../sass/_common.scss */
.clr {
  clear: both;
}

/* Navigation utilisateur en haut du site */
/* line 225, ../sass/_common.scss */
.container-nav-user-top {
  position: relative;
  z-index: 999;
  background-color: white;
}
/* line 230, ../sass/_common.scss */
.container-nav-user-top .badge-environment-beta {
  position: absolute;
  top: 8px;
  left: 15px;
}
/* line 236, ../sass/_common.scss */
.container-nav-user-top .nav-user-top {
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: white;
  z-index: 100;
}
/* line 243, ../sass/_common.scss */
.container-nav-user-top .nav-user-top .navbar {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  border: 0px none;
  padding: 0px;
  margin: 0px;
  min-height: 0px;
}
/* line 250, ../sass/_common.scss */
.container-nav-user-top .nav-user-top .navbar ul {
  position: relative;
  left: -10px;
}
/* line 254, ../sass/_common.scss */
.container-nav-user-top .nav-user-top .navbar ul li {
  padding-left: 5px;
}
/* line 257, ../sass/_common.scss */
.container-nav-user-top .nav-user-top .navbar ul li a.nav-link {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-family: 'worksans_semibold';
  color: black;
  font-size: 16px;
}
/* line 266, ../sass/_common.scss */
.container-nav-user-top .nav-user-top .navbar ul li a.nav-link:hover, .container-nav-user-top .nav-user-top .navbar ul li a.nav-link:focus, .container-nav-user-top .nav-user-top .navbar ul li a.nav-link.active {
  background: none;
  color: #ee6f42;
}
/* line 271, ../sass/_common.scss */
.container-nav-user-top .nav-user-top .navbar ul li a.nav-link .bi {
  color: #ee6f42;
  font-size: 16px;
  margin-right: 2px;
  position: relative;
  top: 1px;
}
/* line 280, ../sass/_common.scss */
.container-nav-user-top .nav-user-top .navbar ul li.nav-item-producers .dropdown-menu {
  right: -75px;
  left: -75px;
}
/* line 285, ../sass/_common.scss */
.container-nav-user-top .nav-user-top .navbar ul li.nav-item-user .dropdown-menu {
  right: -22px;
  left: 9px;
}
/* line 291, ../sass/_common.scss */
.container-nav-user-top .nav-user-top .navbar ul li .dropdown-menu a {
  padding: 2px 20px;
}
/* line 294, ../sass/_common.scss */
.container-nav-user-top .nav-user-top .navbar ul li .dropdown-menu a:hover, .container-nav-user-top .nav-user-top .navbar ul li .dropdown-menu a:focus {
  background-color: #ece4d8;
}
/* line 303, ../sass/_common.scss */
.container-nav-user-top .nav-user-top .dropdown-menu {
  z-index: 9999;
}
/* line 305, ../sass/_common.scss */
.container-nav-user-top .nav-user-top .dropdown-menu .divider.dropdown-header {
  padding: 0px;
}

@media screen and (max-width: 991px) {
  /* line 316, ../sass/_common.scss */
  .container-nav-user-top .nav-user-top {
    position: relative;
  }
  /* line 320, ../sass/_common.scss */
  .container-nav-user-top .nav-user-top .navbar ul {
    width: 100%;
    display: block;
    margin-right: 0px;
    text-align: center;
  }
  /* line 326, ../sass/_common.scss */
  .container-nav-user-top .nav-user-top .navbar ul li {
    display: inline-block;
  }
  /* line 329, ../sass/_common.scss */
  .container-nav-user-top .nav-user-top .navbar ul li.nav-item-producers .dropdown-menu {
    left: -115px;
    width: 300px;
  }
  /* line 334, ../sass/_common.scss */
  .container-nav-user-top .nav-user-top .navbar ul li.nav-item-user .dropdown-menu {
    left: -40px;
    width: 150px;
  }
  /* line 341, ../sass/_common.scss */
  .container-nav-user-top .nav-user-top .navbar .link-text {
    display: none;
  }
  /* line 345, ../sass/_common.scss */
  .container-nav-user-top .nav-user-top .navbar .dropdown-menu {
    position: absolute;
    right: 5%;
    left: auto;
    border: 1px solid #ddd;
    background: #fff;
    -moz-box-shadow: 0px 0px 4px gray;
    -webkit-box-shadow: 0px 0px 4px gray;
    box-shadow: 0px 0px 4px gray;
  }
  /* line 354, ../sass/_common.scss */
  .container-nav-user-top .nav-user-top .navbar .dropdown-menu li a {
    padding-left: 15px;
  }
}
/* Block de date */
/* line 367, ../sass/_common.scss */
.block-date {
  margin: 0px auto;
  padding-top: 0px;
  text-align: center;
}
/* line 372, ../sass/_common.scss */
.block-date .day {
  text-transform: capitalize;
  line-height: 15px;
  font-size: 15px;
  text-transform: uppercase;
}
/* line 379, ../sass/_common.scss */
.block-date .num {
  font-size: 30px;
  line-height: 35px;
  font-weight: bold;
}
/* line 385, ../sass/_common.scss */
.block-date .month {
  text-transform: uppercase;
  line-height: 15px;
  font-size: 15px;
  color: #ec5d2b;
}

/* Page d'erreur */
/* line 395, ../sass/_common.scss */
#main #content .site-error .col-lg-6 {
  margin: 0px auto;
  float: none;
}
/* line 405, ../sass/_common.scss */
#main #content .site-error .panel h2 {
  text-transform: none;
  font-size: 25px;
  margin-top: 0px;
  margin-bottom: 20px;
}
/* line 412, ../sass/_common.scss */
#main #content .site-error .panel p:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
/* line 418, ../sass/_common.scss */
#main #content .site-error .alert {
  padding-bottom: 5px;
}
/* line 421, ../sass/_common.scss */
#main #content .site-error .alert h3 {
  margin-top: 5px;
  margin-bottom: 18px;
}
/* line 426, ../sass/_common.scss */
#main #content .site-error .alert p {
  margin-bottom: 15px;
}
/* line 430, ../sass/_common.scss */
#main #content .site-error .alert .btn {
  text-decoration: none;
}
/* line 435, ../sass/_common.scss */
#main #content .site-error p.error-message {
  font-weight: bold;
}

/* Paiement */
/* line 441, ../sass/_common.scss */
.payment-detail-remaining-surplus {
  font-size: 13px;
  color: gray;
}
/* line 445, ../sass/_common.scss */
.payment-detail-remaining-surplus strong {
  font-weight: bold;
}