@charset "UTF-8";
/*
 * Ce fichier fait partie du projet "LeJardinPotager" 
 * (c) 2012-2024 Xavier Pellissier - nostopware.ch
 * 
 * Date de création ................... 07.08.2024
 * Dernière modification .............. 24.09.2024
 * 
 * Fichier ljpCooperateur.scss
 */
@import url("https://use.typekit.net/zjr7rdo.css");
.fontAwesome {
  font-family: FontAwesome;
}

body {
  background-color: #FFFFFF;
  font-family: "urbane-rounded";
  font-weight: 500 !important;
  font-size: 1em;
  color: #333333;
  margin: 0px;
  padding: 0px;
  background-color: #FFFFFF;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  height: 100px;
  width: 100%;
  z-index: 99;
  background-color: #FFFFFF;
  border-bottom: 1px solid #00AB59;
}

/***********************************************/
/* Navigation                                  */
/***********************************************/
#container_menu {
  width: 1050px;
  margin: auto;
}
#container_menu img {
  margin-top: 10px;
  float: left;
}

nav {
  font-family: "urbane-rounded";
  font-weight: 600 !important;
}
nav ul {
  margin: 20px 0px 0px 0px;
  padding: 0;
  list-style-type: none;
  text-align: left;
  float: right;
}
nav li {
  float: left;
  margin: auto;
  padding: 0px 9px 0px 9px;
}
nav li:first-child {
  padding: 0px 9px 0px 0px;
}
nav li:last-child {
  padding: 0px 0px 0px 9px;
}
nav li a {
  display: block;
  color: #00AB59 !important;
  text-decoration: none;
  padding: 0px;
}
nav li a:hover {
  color: #818181 !important;
}
nav li ul {
  margin-top: 0px;
  position: absolute;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}
nav li ul li {
  padding: 0px 10px 10px 10px !important;
}
nav li ul li:first-child {
  padding-top: 20px !important;
}
nav ul li ul {
  display: none;
}
nav ul li:hover ul {
  display: block;
}
nav li:hover ul li {
  float: none;
}

p {
  margin: 0px;
  padding: 0px 0px 10px 0px;
}

/******* hyperlink and anchor tag styles *******/
a:link, a:active, a:visited {
  color: #005FA9;
  text-decoration: none;
}

a:hover {
  color: #0000FF;
  text-decoration: none;
}

/************** header tag styles **************/
h1 {
  margin: 0;
  padding: 10px 0px 20px 0px;
  font: normal 2.2em "urbane-rounded";
  text-decoration: none;
  color: #00AB59;
}

h2 {
  margin: 0;
  padding: 10px 0px 10px 0px;
  font: normal 1.6em "urbane-rounded";
  text-decoration: none;
  color: #00AB59;
}

h3 {
  margin: 0;
  padding: 0px 0px 5px 0px;
  font: normal 1.4em "urbane-rounded";
  text-decoration: none;
  color: #00AB59;
}

h4 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font: 1.1em "urbane-rounded";
  text-decoration: none;
  border-bottom: thin dashed #334d55;
  color: #00AB59;
}

h5 {
  font-family: "urbane-rounded";
  margin: 0px;
  padding: 0px;
  color: #00AB59;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
/* Menu de login */
#login_menu {
  font-family: "urbane-rounded";
  font-weight: 500 !important;
  font-size: 0.8em;
  color: #00AB59;
  width: 1050px;
  min-width: 1050px;
  margin: 0px;
  padding: 3px 0px 3px 0px;
  height: 14px;
  text-align: right;
}
#login_menu a {
  color: white;
  cursor: pointer;
  padding: 1px 3px 1px 3px;
  white-space: nowrap;
  text-decoration: none;
}
#login_menu a.join {
  background-color: #3D84CA;
}
#login_menu a.signin {
  background-color: #818181;
}

.roundedCorners {
  -moz-border-radius: 4px 4px 4px 4px;
}

#main_page {
  width: 1050px;
  margin: 100px 0px 0px 0px;
  padding: 10px 0 20px 0;
}

#tl {
  position: absolute;
  top: -1px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  z-index: 100;
}

#tr {
  position: absolute;
  top: -1px;
  right: -1px;
  margin: 0px;
  padding: 0px;
  z-index: 100;
}

#main_wrapper {
  width: 1050px;
  margin: auto;
}

#content {
  padding: 5px 10px 5px 10px;
  margin: 0px 0px 0px 90px;
  border-left: 1px solid #ccd2d2;
}

#content50left {
  width: 420px;
  padding: 5px 10px 5px 10px;
  margin: 0px 0px 0px 90px;
  border-left: 1px solid #ccd2d2;
  float: left;
}

#content50right {
  width: 420px;
  padding: 5px 10px 5px 10px;
  margin: 0px 0px 0px 0px;
  border-left: 1px solid #ccd2d2;
  float: left;
}

/***********************************************/
/* Component Divs                              */
/***********************************************/
/*************** search styles *****************/
#search {
  position: absolute;
  top: 35px;
  right: 10px;
  z-index: 101;
}

#search input {
  font-size: 0.7em;
  margin: 0px 0px 0px 10px;
}

#search a:link, #search a:visited {
  font-size: 0.8em;
  font-weight: bold;
}

#search a:hover {
  margin: 0px;
}

/************* breadCrumb styles ***************/
#breadCrumb {
  padding: 5px 10px 10px 10px;
  font-family: "urbane-rounded";
  font-size: 0.9em;
  color: #AAAAAA;
  border-bottom: 0px solid #ccd2d2;
}

#breadCrumb a {
  color: #AAAAAA;
}

#breadCrumb a:hover {
  color: SteelBlue;
}

/************* fastLink styles ***************/
#fastLink {
  margin: 0px 10px 0px 10px;
  padding: 2px 10px 2px 10px;
  font: 0.9em Verdana, sans-serif;
  color: #AAAAAA;
  color: DarkGray;
  /*background-color: WhiteSmoke;*/
  border-top: 1px dashed DarkGray;
  border-bottom: 1px dashed DarkGray;
  text-align: center;
}

#fastLink a {
  color: #AAAAAA;
  color: DarkGray;
}

#fastLink a:hover {
  color: Brown;
  color: SteelBlue;
}

/************** feature styles *****************/
.feature {
  padding: 0px 0px 10px 10px;
  font-size: 1em;
  min-height: 200px;
  height: 200px;
}

html > body .feature {
  height: auto;
}

.feature h3 {
  font: bold 1.7em Arial, sans-serif;
  color: #000000;
  padding: 30px 0px 5px 0px;
}

.feature img {
  float: left;
  padding: 10px 0px 0px 0px;
}

/************** GoogleMaps styles ****************/
#point a {
  display: none;
}

#pointX a {
  display: none;
}

/************** login styles ****************/
aside {
  width: 300px;
  padding: 0px;
  display: inline-block;
}

aside img {
  padding: 0px 0px 0px 0px;
  /*
  vertical-align: top;
  */
}

section {
  padding: 0px 0px 30px 0px;
  display: inline-block;
  vertical-align: top;
  width: 1050px;
}

section h1 {
  font-family: "urbane-rounded" !important;
  /* font-weight: 700; */
  font-size: 2em;
  text-decoration: none;
  color: #00AB59;
}

section h2 {
  font: normal 1.6em "PT Sans", Helvetica, Arial, sans-serif;
  text-decoration: none;
  color: #00AB59;
}

section h3 {
  margin: 0;
  padding: 0px 0px 5px 0px;
  font: normal 1.4em "PT Sans", Helvetica, Arial, sans-serif;
  text-decoration: none;
  color: #00AB59;
}

section p {
  padding: 5px 0px 5px 0px;
  margin: 0px;
}

section img {
  padding: 0px 0px 0px 10px;
}

.section_290 {
  width: 290px;
  padding: 10px;
}

.section_290 p {
  padding: 2px 0px 2px 0px;
}

.section_330 {
  width: 330px;
  padding: 10px 5px 10px 5px;
}
.section_330 p {
  padding: 2px 0px 2px 0px;
}

.section_440 {
  width: 440px;
  padding: 0px 25px 0px 0px;
}

.section_700 {
  width: 700px;
}

/************** styles Menu **************/
#idMenuContainer {
  width: 100%;
}

#idMenuContainer p {
  margin: 0px;
  padding: 0px 0px 10px 0px;
}

#topClear {
  clear: both;
  padding: 0;
}

#topClear10 {
  clear: both;
  padding: 10px 0px 0px 0px;
}

#topClear20 {
  clear: both;
  padding: 20px 0px 0px 0px;
}

#topClear50 {
  clear: both;
  padding: 50px 0px 0px 0px;
}

/*************** search FORM ***************/
.formSearch {
  font-size: 0.8em;
  background-color: #E0EECC;
}

.buttonSearch {
  font-family: Arial, Helvetica, sans-serif;
  color: #006699;
  font-weight: bold;
  padding: 2px 5px 2px 5px;
}

/********* table related tag styles *********/
table img {
  padding: 0px 0px 0px 0px;
}

/********* form and related tag styles *********/
form {
  margin: 0;
  padding: 0;
}

label {
  color: #334d55;
}

*[readonly] {
  color: #3A3A3A;
  background-color: #E3F7FF;
}

select {
  font-family: "urbane-rounded";
  font-weight: 500 !important;
  font-size: 1em;
  background-color: #F6FAF1;
  border: 1px solid #D3D3D3;
  border-top-color: Gray;
  border-left-color: Gray;
}

input {
  font-family: "urbane-rounded";
  font-weight: 500 !important;
  font-size: 1em;
  background-color: #F6FAF1;
  border: 1px solid #D3D3D3;
  border-top-color: Gray;
  border-left-color: Gray;
}

input.image {
  border-style: none;
  border-width: 0px;
}

textarea {
  font-family: "urbane-rounded";
  font-weight: 500 !important;
  font-size: 1em;
  background-color: #F6FAF1;
  border: 1px solid #D3D3D3;
  border-top-color: Gray;
  border-left-color: Gray;
}

.hiddenText {
  border: 0px;
  color: White;
  font-size: 0.05em;
  opacity: 0;
}

.tblListeHeader td {
  border-bottom: 1px solid #cccccc;
}

.tblListeFooter td {
  border-top: 1px solid #cccccc;
}

/* une form a une font-size spécifique, les tableaux contenus sont à 1.0em */
.tblForm {
  margin: 10px 0px 10px 0px;
  padding: 0px;
  font-size: 1em;
}
.tblForm td {
  padding: 5px;
}

/* pour les tableaux hors des form, le font-size est égal à celui de la form */
.tblListe {
  margin: 0px;
  padding: 0px;
  font-size: 0.9em;
}

.tblListeTr0 {
  background-color: #FFFFDB;
  margin: 0px;
  padding: 0px;
}

.tblListeTr1 {
  background-color: #FFFFFF;
  margin: 0px;
  padding: 0px;
}

.tblListeTr2 {
  background-color: #f0fff4;
  margin: 0px;
  padding: 0px;
}

.tblListeTr3 {
  background-color: #fff1d2;
  margin: 0px;
  padding: 0px;
}

.tblLogin {
  border: 1px solid #A9A9A9;
  background-color: #F8F8F8;
}

/************** siteInfo styles ****************/
footer {
  background-color: #FFFFFF;
  font-family: "urbane-rounded";
  font-weight: 500 !important;
  font-size: 1em;
  color: #333333;
  border-top: 1px solid #00AB59;
}
footer h3 {
  font-family: "urbane-rounded" !important;
  font-weight: 600;
  font-size: 1.2em;
  text-decoration: none;
  color: #333333;
}
footer .textwidget {
  margin: 0 !important;
  padding: 0 !important;
  width: 25%;
  display: table-cell;
  vertical-align: top;
}
footer .textwidget a:link, footer .textwidget a:active, footer .textwidget a:visited {
  color: #00AB59;
  text-decoration: none;
}
footer .textwidget a:hover {
  color: #818181;
  text-decoration: none;
}

footerxx * {
  color: #333333;
  font-size: 1em;
}

.footer_page {
  margin-top: 30px;
  padding: 20px 0;
  display: table;
  table-layout: auto;
  width: 100%;
}

.button {
  font-family: "urbane-rounded";
  font-weight: 500 !important;
  font-size: 0.9em;
}

/* .button, .button-flat { */
.button-flat {
  background-color: #2f2f2f;
  border-color: #2f2f2f;
  color: white;
}

/* .button:link, .button:visited, */
.button-flat:link, .button-flat:visited {
  color: white;
}

/* .button:hover, .button:active, */
.button-flat:hover, .button-flat:active {
  background-color: #5f5f5f;
  color: white;
}

.button-action, .button-flat-action {
  background-color: green;
  border-color: green;
  color: white;
}

.button-action:link, .button-action:visited,
.button-flat-action:link, .button-flat-action:visited {
  color: white;
}

.button-action:hover, .button-action:hover,
.button-flat-action:hover, .button-flat-action:hover {
  background-color: #00a801;
  color: white;
}

.button-small, button.button-small {
  height: 25px;
  line-height: 23px;
  padding: 0 10px;
  font-weight: normal;
}

.button-tiny, button.button-tiny {
  height: 20px;
  line-height: 18px;
  padding: 0 5px;
}

.black-icon:link, .black-icon:visited {
  color: #2f4f4f;
  font-size: 0.85em;
}

.black-icon:hover, .black-icon:active {
  color: #708090;
  font-size: 0.85em;
}

.display_error {
  color: Red;
  background-image: url(../images/attention.gif);
  background-position: left;
  background-repeat: no-repeat;
  padding: 5px 0 5px 25px;
  margin: 0;
  font-size: 1em;
}

.display_warning {
  color: #ff8c00;
  background-image: url(../images/warning.gif);
  background-position: left;
  background-repeat: no-repeat;
  padding: 5px 0 5px 25px;
  margin: 0;
  font-size: 1em;
}

.display_info {
  color: Blue;
  background-image: url(../images/information.gif);
  background-position: left;
  background-repeat: no-repeat;
  padding: 5px 0 5px 25px;
  margin: 0;
  font-size: 1em;
}

.ckFieldReadOnly {
  background-color: #E3F7FF;
  color: #3A3A3A;
  border: thin solid Gray;
  padding: 5px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 0.9em;
}

.rteField {
  margin: 0px;
  padding: 0px;
  background: White;
}

.rteFieldReadOnlyToDel {
  color: #696969;
  border: 1px inset #999999;
  background-color: #E3F7FF;
  padding: 3px 1px 1px 1px;
}

/********* form and related tag styles (form en mode flexbox) *********/
input:required:invalid, input:focus:invalid {
  background-image: url(../images/invalid.png);
  background-position: right top;
  background-repeat: no-repeat;
  -moz-box-shadow: none;
}

input:required:valid {
  background-image: url(../images/valid.png);
  background-position: right top;
  background-repeat: no-repeat;
}

/*************** espace privé - formulaire d'inscription ******************/
#formules {
  margin: auto;
  padding: 0px;
  width: 90%;
}

.tableFormules {
  margin: 10px;
  padding: 5px;
  border-spacing: 0px;
}

.tableFormules th {
  padding: 2px 10px;
  font-weight: normal;
  text-align: left;
}

.tableFormules td {
  padding: 2px 5px;
}

.tableFormules p {
  float: left;
  padding: 10px 10px 0px 0px;
}

.tableFormules .LJP_COOPERATEUR_COLOR {
  background-color: #2FAC66;
  color: white;
}

.tableFormules .LJP_COOPERATEUR_LIGHT_COLOR {
  background-color: #63C18C;
  color: white;
}

.tableFormules .LJP_COOPERATIVE_COLOR {
  background-color: #1D70B7;
  color: white;
}

.tableFormules .LJP_COOPERATIVE_LIGHT_COLOR {
  background-color: #7395D3;
  color: white;
}

.tableFormules .LJP_IDEE_COLOR {
  background-color: #E84E1B;
  color: white;
}

.tableFormules .LJP_IDEE_LIGHT_COLOR {
  background-color: #EE7A54;
  color: white;
}

.tableFormules .LJP_PANIER_COLOR {
  background-color: #F9B233;
  color: white;
}

/*************** Styles généraux ******************/
.contenant {
  margin: 0px;
  padding: 5px 0px 0px 5px;
}

/*************** Styles généraux ******************/
.wCursor {
  cursor: pointer;
}

.imgPtr {
  cursor: pointer;
}

.specBlue {
  color: #006699;
}

.red {
  color: Red;
}

.blue {
  color: Blue;
}

.green {
  color: Green;
}

.greenOnLightGray {
  color: green;
  background-color: lightgray;
}

.orange {
  color: Orange;
}

.gray {
  color: Gray;
}

.brown {
  color: Brown;
}

.black {
  color: Black;
}

.steelBlue {
  color: SteelBlue;
}

.italic {
  font-style: italic;
}

.underline {
  text-decoration: underline;
}

.bold {
  font-weight: bold;
}

.fs12px {
  font-size: 12px;
}

.fs14px {
  font-size: 14px;
}

.fs06em {
  font-size: 0.6em;
}

.fs07em {
  font-size: 0.7em;
}

.fs08em {
  font-size: 0.8em;
}

.fs085em {
  font-size: 0.8em;
}

.fs09em {
  font-size: 0.9em;
}

.fs095em {
  font-size: 0.95em;
}

.fs10em {
  font-size: 1em;
}

.fs11em {
  font-size: 1.1em;
}

.fs12em {
  font-size: 1.2em;
}

.fs13em {
  font-size: 1.3em;
}

/********************* end **********************/