@charset "utf-8";
/**
 *
 * Generic CSS for CakePHP
 *
 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
 * Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 * Licensed under The MIT License
 * For full copyright and license information, please see the LICENSE.txt
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org)
 * @link          http://cakephp.org CakePHP(tm) Project
 * @package       app.webroot.css
 * @license       http://www.opensource.org/licenses/mit-license.php MIT License
 */



/** General Style Info **/

body { 
  background: url('../img/background.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top:65px;
  font-size:16px;
  cursor:default;
}

a {
  color:#39526c;
  text-decoration: none;
}

.form-control {font-size:15px;}

h2 {color:white;text-shadow:1px 1px 2px black;font-size:30px;text-transform:uppercase;}
h3 {color:#12bd31;font-size:28px;}
h4, h5, h6 {margin-top:15px !important;margin-bottom:15px !important;}

.panel-body h4 {font-size:22px;}
.panel-table {padding:15px;overflow-x: auto;cursor:default;}

.panel-default {opacity: 0.95;margin-top:20px;}

.navbar-default {background:#39526c;border:none;}
.navbar-brand {padding: 5px 5px 5px 15px;}

.navbar {min-height: 59px;border: 1px solid transparent;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;}
.navbar-default .navbar-nav > li > a {color:white;text-transform:uppercase;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #12bd31;
}

#flashMessage {margin-bottom:15px;color:#ec2160;}
.help-block {color:#ec2160;}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: white;
  background-color: #12bd31;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: white;
  background-color: #12bd31;
}

.navbar-nav > li > a {
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 20px;
}

.btn {font-size:16px;}

.btn-success {color:#ffffff;background-color: #fd9226;border-color: #fd9226;}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active { color: #ffffff; background-color: #12bd31; border-color: #12bd31;}

.btn-home {margin:5px;}

.table {background:white;opacity: 0.95;}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #eae6e6;
}

table.nowidth {width:inherit;}
thead.aligncenter th {text-align:center;}
#formulaire .form-group {margin:8px 0;}
.form-margin {margin-bottom:16px;}

.photovignette {display:inline-block;margin:5px;}

ul#container {list-style:none;padding:0;margin:0;}
ul#container img {width:110px;height:83px;}
ul#container li.produits {width:120px;margin:5px;display:inline-block;vertical-align:top;text-align:center;}

#produits {background:#404040;padding:8px 50px;color:white;margin:10px 0 15px 0;}

img.bordure {background-color:#ffdc00;}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  max-width: 2000px;
  padding: 0 20px;
}
.obligatoire {background-color: #ff9999;}
textarea.boxtable {width:100%;height:60px;border-radius:3px;border:solid 1px #c6c5c4;}
input.tabprice {border-radius:3px;border:solid 1px #c6c5c4;height:30px;padding:0 5px;display:inline-block;line-height:30px;}
.euros {display:inline-block;margin-left:5px;}

.radio label, .checkbox label {font-weight:bold;}
input[type="checkbox"] {margin-right:10px !important;}
.case {margin:38px 0 8px 0 !important;}
button.print {margin:15px 0 !important;}
.maisouestcharlie .input {margin-top:13px;}
#autocomplete {position:absolute;background:white;width:100%;z-index:9999;}
#autocomplete ul {list-style:none;margin:0;padding:0;}
#autocomplete ul li a {display:block;padding:10px 5px;}
td.chiffres, th.chiffres {text-align:right;}
.champcase {min-height:62px;padding-top:25px}
/*.row {overflow: hidden;margin: 15px 0;}*/
.autocomplete {position:absolute;background:white;width:100%;z-index:9999;}
.autocomplete ul {list-style:none;margin:0;padding:0;border:solid 1px #ccc;border-radius:5px;}
.autocomplete ul li a {display:block;padding:10px 5px;}
.autocomplete ul li a:hover {background:#ffdc00;color:white;text-decoration:none;}

.stacktable.large-only { display: table;}
.stacktable.small-only { display: none; }

.dateselect select {width: 30.333333333%;display:inline-block;margin-right:4.5%;box-sizing:border-box;}
.dateselect select:last-child {margin-right:0;}
.dateselect label {display:block;width:100%;}

.icons {text-align:center;}
.icon {display:inline-block;text-align:center;margin:20px;padding:0 20px;}
.icon a {width:150px;height:150px;padding-top:45px;display:block;border:solid 3px #39526c;border-radius:100%;transition:all 0.5s;}
.icon a:hover {background:#12bd31;color:white;}
.icon i {font-size:60px;}
.icon p {margin:15px 0;}

td.qt {text-align:center;}
td.prix, td.total, td.totalth {text-align:right;}
td.total {background:#12bd31 !important;color:white;font-weight:bold;}


.selectmultiple select {height:150px;}
.panel-body {
  padding: 20px;
}

@media(max-width:767px) {
  .case {margin:20px 0 8px 0 !important;}
  .maisouestcharlie .input {margin:13px 15px;}
}

@media screen and (max-width: 980px) {
      .stacktable.large-only, tr.tabhead { display: none; }
    .stacktable.small-only { display: table; }
}

/*** CALENDAR ************************************************/

.ui-widget-header {background:#0165fe;border:solid 1px white;}
.ui-datepicker.ui-datepicker-multi {width:auto !important;margin:15px 0 30px 0;}
.ui-datepicker-multi .ui-datepicker-group {width:100%;}
.ui-datepicker-multi-2 .ui-datepicker-group {width: 50% !important;}
.ui-datepicker-multi-3 .ui-datepicker-group {width: 33.3% !important;}
.ui-datepicker-multi-4 .ui-datepicker-group {width: 25% !important;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border:solid 1px #0165fe;background:#0165fe;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background:red !important;border:solid 1px red !important;color:white;}