@charset "UTF-8";
.bg_darkV {
  background-color: #2b2d42; }

.bg_clearV {
  background-color: #7b81bd; }

.bg_darkOrg {
  background-color: #e85d56; }

.bg_clearOrg {
  background-color: #e7a79d; }

.bg_pourpre {
  background-color: #5c0941; }

.bg_blue {
  background-color: #5895F0; }

.bg_darkC{background-color:#5b6f8a;}

input[type=text], input[type=password] {
  left: 0px;
  border: 2px solid #1b3b74;
  box-shadow: none; }

.login-form input[type=submit]{
	background-color:#1b3b74;
}

.ui-datepicker select{
  height: unset !important;
  padding-right: 0px !important;
  text-align:center;
}
/* CULTURA */
#header { height: 100px !important; /* l328 */ }
form { top: 80px !important; /* l80 */ }
#deconnecte, nav { display: none; }
#logoCultura{
  background: url("../Medias/Images/Decor/Cultura/logoCultura.png") top no-repeat;
  width: 300px;
  height: 150px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  background-size: 300px 150px;
}
#manCultura{
  background: url("../Medias/Images/Decor/Cultura/Salesman.png") top no-repeat;
  width: 600px;
  height: 600px;
  position: absolute;
  top: 200px;
  left: 10px;
  background-size: 600px 600px;
}
/* TISSEO */
.case.bg_darkC.hover-effect:hover {color: #5b6f8a;}
.bg_clearT{background-color:#27a5bc;}
.case.bg_clearT.hover-effect:hover {color: #27a5bc;}
.bg_clearO{background-color:#ef7f3f;}
.case.bg_clearO.hover-effect:hover {color: #ef7f3f;}
.login-form_Tisseo input[type=text], .login-form_Tisseo input[type=password] {
  left: 0px;
  border: 2px solid #4a79a7;
  box-shadow: none; }
.login-form_Tisseo input[type=submit]{
	background-color:#4a79a7;
}
/*CCIAL*/
.bg_darkTu{background-color: #158896;}
.case.bg_darkTu.hover-effect:hover {color: #158896;}
.bg_clearTu{background-color:#4abdc4;}
.case.bg_clearTu.hover-effect:hover {color: #4abdc4;}
.bg_darkVert{background-color:#96af49;}
.case.bg_darkVert.hover-effect:hover {color: #96af49;}
.bg_clearVert{background-color:#aecc54;}
.case.bg_clearVert.hover-effect:hover {color: #aecc54;}
.login-form_Ccial input[type=text], .login-form_Ccial input[type=password] {
  left: 0px;
  border: 2px solid #4abdc4;
  box-shadow: none; }
.login-form_Ccial input[type=submit]{
	background-color:#4abdc4;
}

/* ----------------------------------------
 ---------- THEME BUILD -------------
 ---------------------------------------- */
body {
  width: 1271px;
  margin: auto;
  font-family: 'Open Sans';
  overflow-x: hidden; }

form {
  top: 150px;
  /*194px;*/
  position: relative; }

.fond_blanc {
  background-color: #FFFFFF; }

.fond_gris {
  background-color: #F1F1F1; }

.font_blanche {
  color: #fff; }

.border_blanc {
  border: 3px solid #fff; }

.border_gris {
  border: 3px solid #b0b0b0; }

.font_grise {
  color: #b0b0b0; }

.font_grise2 {
  color: #989898; }

.font_rouge {
  color: #ff0000; }

/* ff0000 fe0005 */
.font_verte {
  color: #05ac01; }

/* 00ff1e 22ff16 */
.separateur {
  background: url("../Medias/Images/Decor/separateur_600.jpg") top left no-repeat;
  width: 500px;
  /*1190px;*/
  height: 15px;
  position: relative;
  left: 329px; }

.l_15 {
  position: relative;
  left: 15px; }

.l_385 {
  position: relative;
  left: 385px; }

h1, h2 {
  color: #595959; }

h1, h2, h4 {
  font-weight: normal;
  font-family: 'Open Sans', sans-serif; }

h1, h2 {
  font-size: 21px; }

h4 {
  color: #999999;
  font-size: 16px;
  /*14px;*/ }

h5 {
  color: #999999;
  font-size: 14px; }

table {
  margin: auto; }

td {
  text-align: left; }

textarea {
  background-color: #f1f1f1;
  color: #999999;
  border: 1px solid #999999;
  width: 400px;
  height: 100px;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  position: relative;
  left: 13px; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #f1f1f1;
  color: #999999;
  border: 1px solid #999999;
  overflow: hidden;
  background: url(../Medias/Images/Decor/select.png) no-repeat 100% #f1f1f1;
  width: 400px;
  height: 37px;
  /*text-align:center;*/
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  position: relative;
}

.select_horaire {
  width: 60px;
  height: 25px;
  background: url(../Medias/Images/Decor/fleche_select.png) no-repeat 100% #f1f1f1; }

input[type="button"] {
  background-color: #84def8;
  height: 42px;
  color: #fff; }

input[type="radio"] {
  -webkit-appearance: checkbox;
  /* Chrome, Safari, Opera */
  -moz-appearance: checkbox;
  /* Firefox */
  -ms-appearance: checkbox;
  /* not currently supported */
  background-color: #f1f1f1;
  color: #999999;
  border: 1px solid #999999; }

input[type=text], input[type=password] {
  background-color: #f1f1f1;
  color: #999999;
  width: 400px;
  height: 37px;
  text-align: center;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  position: relative;
  left: 15px; }

.input_ok {
  background-color: #EDFFE9 !important;
  border: 1px solid #00FF1E !important;
  color: #00FF1E !important; }

.input_erreur {
  background-color: #FFE5E5 !important;
  border: 1px solid #FF0000 !important;
  color: #FF0000 !important; }

.input_heure {
  width: 145px !important;
  height: 30px !important; }

.input_date {
  width: 180px !important; }

.input_defaut {
  background-color: #FFFFFF !important;
  height: 30px !important; }

input[type=submit] {
  background-color: #84def8;
  color: #FFF;
  width: 190px;
  height: 45px;
  font-size: 22px;
  border: 0; }

.arrondi {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.relative {
  position: relative; }

.gauche {
  position: relative;
  float: left; }

.droite {
  position: relative;
  float: right; }

.cent {
  width: 100%; }

.w_20 {
  width: 20px; }

.w_25 {
  width: 25px; }

.w_30 {
  width: 30px; }

.w_175 {
  width: 175px; }

.w_175_force {
  width: 175px !important; }

.h_20 {
  height: 20px; }

.h_25 {
  height: 25px; }

.t_2 {
  top: 2px; }

.t_3 {
  top: 3px; }

.f_18 {
  font-size: 18px; }

.f_20 {
  font-size: 20px; }

.gras {
  font-weight: bold; }

.souligne {
  text-decoration: underline; }

.center {
  text-align: center; }

.pointer {
  cursor: pointer; }

.voile {
  opacity: 0.3; }

.noLeft {
  left: 0px; }

#header {
  /*background: url("../Medias/Images/Decor/header_1190.jpg") top left no-repeat;*/
  width: 1190px;
  height: 150px;
  /*194px;*/
  position: fixed;
  z-index: 9999;
  top: 0; }

#home {
  position: absolute;
  top: 30px;
  left: 35px;
  width: 410px;
  height: 110px; }

#accueil {
  position: relative;
  top: 77px;
  left: 250px;
  width: 30px;
  height: 30px;
  font-size: 13pt; }

#bloc_infos_clients {
  /*
  position:absolute;
  right:0px;
  */
  position: relative;
  float: right;
  width: 700px; }

#nom_client, #pack, #connecte, #deconnecte, #logout, #fermer, #connexions {
  position: relative;
  float: right;
  top: 25px; }

#nom_client, #pack, #connecte, #deconnecte, #logout, #fermer, #mini_panier, #solde, #connexions, .connecte, .deconnecte {
  height: 31px;
  font-size: 16px;
  text-transform: uppercase;
  padding-left: 35px;
  padding-top: 7px;
  margin-right: 10px;
  font-family: "Open Sans";
  font-weight: 700; }

#nom_client {
  background: url("../Medias/Images/Decor/avatar.jpg") top left no-repeat;
  cursor: pointer;
  color: #7981c0; }

#pack {
  /*background: url("../Medias/Images/Decor/pack.jpg") top left no-repeat;*/
  background: url("../Medias/Images/Decor/Box.svg") top left no-repeat;
  color: #7981c0;/*e5aa00;*/ }

#logout, #fermer {
  width: 31px;
  background: url("../Medias/Images/Decor/fermer.png") top left no-repeat;
  cursor: pointer;
  margin-right: 20px;
  margin-left: 20px; }

#solde {
  width: 31px;
  background: url("../Medias/Images/Decor/solde.jpg") top left no-repeat;
  /*65px;*/
  /*cursor: pointer;*/
  color: #7781bf;
}

#liste_magasins select {
  width: 200px;
  background: url(../Medias/Images/Decor/select.png) no-repeat 100% #fff;
  /*
  left: 830px;
  top: 100px;
  */
}

#mini_panier {
  position: absolute;
  width: 31px;
  background: url("../Medias/Images/Decor/panier.jpg") top left no-repeat;
  top: 105px;
  right: 25px;
  /*115px;*/
  cursor: pointer;
  color: #2d3450; }

#titre_page {
  position: absolute;
  top: 144px;
  width: 1271px;
  height: 50px; }

#titre_page h1 {
  position: relative;
  /*top: -8px;*/
  text-align: center; }

/* ----------------------------------------
 ---------- UPDATE SYLVAIN -------------
 ---------------------------------------- */
/* --------------Overwrite----------------*/
body {
  margin: inherit;
  width: 100%;
  background-color: #e0e0e0 !important; }

#header {
  width: 100%;
  background-color: white; }
  #header #home {
    height: 100% !important;
    top: 0px; }
  #header p {
    font-size: 22px; margin: 10px 0px; }
  #header #historique, #header #notice {
    cursor:pointer;
    height: 31px;
    font-size: 16px;
    text-transform: uppercase;
    padding-left: 35px;
    padding-top: 7px;
    margin-right: 10px;
    font-family: "Open Sans";
    font-weight: 700;
    font-weight: bold; }
  #header #historique {
    background: url("../Medias/Images/Decor/historique.jpg") top left no-repeat;
    background-size: 35px 33px;
    color: #5895F0; }
  #header #notice {
    background: url("../Medias/Images/Decor/Notice.svg") top left no-repeat;
    background-size: 35%;
    background-position-y: 15%;
    color: #7b81bd; }
  #header #notice, #header #historique, #header #mini_panier {
    position: static; }
  #header nav {
    position: absolute;
    bottom: 25px;
    right: 40px; }
    #header nav ul {
      margin: 0px;
      padding: 0px; }
      #header nav ul li {
        list-style: none;
        display: inline-block;
        margin-right: 16px; }

h1, h2, h3, h4 {
  font-weight: normal;
  font-family: 'Open Sans', sans-serif; }

h3 {
  font-size: 18px; }

input[type=submit] {
  background-color: #5895F0; }

/* --------------V2-update----------------*/
.main {
  padding-top: 29px;
  width: 1271px;
  margin: 150px auto; }
  .main .alert {
    width: 559px;
    margin: auto;
    text-align: center;
    padding: 5px;
    background-color: white; }
    .main .alert span {
      color: #F2435B; }
  .main .row {
    display: flex; }
    .main .row .part {
      box-sizing: border-box; }
  .main h2.head {
    line-height: 78px;
    margin: 0px; }
    .main h2.head.before-section {
      width: 559px;
      margin: auto; }

.section a{cursor:pointer;}
#marketing_button {
  /*background-size: 100%,100%;*/
  height: 55px;
  display:none;
}


.case {
  box-sizing: border-box;
  float: left;
  text-align: center;
  color: white;
  position: relative;
  -webkit-transition: background-color 1000ms linear;
  -ms-transition: background-color 1000ms linear;
  transition: background-color 1000ms linear; }
  .case .case__info {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    font-size: 17px;
    margin: 0px;
    text-align: center;
    width: 100%; }
    .case .case__info span {
      display: block; }
    .case .case__info .icon {
      width: 20%;
      display: block;
      margin: auto; }
    .case .case__info img.icon-reverse {
      display: none; }
  .case.hover-effect:hover {
    background-color: white; }
    .case.hover-effect:hover .icon-standard {
      display: none; }
    .case.hover-effect:hover .icon-reverse {
      display: block; }
  .case.bg_clearV, .case.bg_clearOrg {
    margin-bottom: 0px !important; }
  .case.bg_darkV.hover-effect:hover {
    color: #2b2d42; }
  .case.bg_clearV.hover-effect:hover {
    color: #7b81bd; }
  .case.bg_darkOrg.hover-effect:hover {
    color: #e85d56; }
  .case.bg_darkOrg.hover-effect:hover {
    color: #e85d56; }
  .case.bg_clearOrg.hover-effect:hover {
    color: #e85d56; }
  .case.bg_pourpre.hover-effect:hover {
    color: #5c0941; }

.content {
  width: 629px;
  padding: 0px 33px; }
  .content .section {
    clear: both; }
  .content .case {
    width: 272px;
    height: 137px;
    margin-bottom: 15px; }
    .content .case:nth-child(2n) {
      margin-left: 15px; }

.sidebar-left {
  /*background: url("../Medias/Images/Decor/Marketing/321x656-pre-fermeture.jpg") center center no-repeat;*/
  background-size: 100%,100%;
  width: 321px;
  padding: 12px;
  position: relative; }
  .sidebar-left .zone-text {
    bottom: 0px;
    position: absolute;
    left: 0px;
    padding: 0px 12px;
    width: 100%;
    box-sizing: border-box; }
    .sidebar-left .zone-text .zone-text__content {
      padding-top: 5px;
      color: white;
      background-color: #FCA6B1; }
      .sidebar-left .zone-text .zone-text__content h3 {
        font-size: 21px;
        line-height: 21px;
        text-align: center;
        font-weight: bold;
        text-transform: uppercase; }
        .sidebar-left .zone-text .zone-text__content h3::after {
          content: "";
          width: 90%;
          height: 1px;
          background-color: white;
          margin: auto;
          display: block;
          margin-top: 5px;
          text-align: center; }
      .sidebar-left .zone-text .zone-text__content ul {
        padding-bottom: 15px; }
        .sidebar-left .zone-text .zone-text__content ul li {
          font-size: 15px;
          display: block;
          width: 100%;
          font-weight: bold; }
          .sidebar-left .zone-text .zone-text__content ul li span.date {
            font-style: italic;
            color: black;
            font-weight: lighter;
            display: block; }
          .sidebar-left .zone-text .zone-text__content ul li {
            list-style-type: none; }
          .sidebar-left .zone-text .zone-text__content ul li:before {
            content: "- ";
            /* on affiche une chaîne de caractère */ }

.sidebar-right {
  width: 321px; }
  .sidebar-right .module {
    width: 100%;
    height: 289px; }
    .sidebar-right .module.module1 {
      margin-bottom: 78px;
/*      background: url("../Medias/Images/Decor/Marketing/foire-aux-vins-complet-2.jpg") center center no-repeat;*/
      background-size: 100%,100%; }

.login-form {
  background: white;
  width: 629px;
  margin: auto;
  padding: 25px;
  margin-top: 78px;
  margin-bottom: 78px;
  text-align: center;
  border-radius: 8px; }
  .login-form .login-form__title {
    margin-bottom: 50px; }
  .login-form .login-form__group {
    margin-bottom: 40px;
    clear: both;
    position: relative; }
    .login-form .login-form__group img {
      width: 50px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      left: 35px; }

/*# sourceMappingURL=styles.css.map */