*,
*:after,
*:before {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
}


/*
body {
	margin: 5px;
      width: 575px;
}*/

[class*='col-'] {
      float: left;
      padding-right: 20px;
      /* column-space */
}

.grid {
      width: 100%;
      position: relative;
}

.form-group,
.form-control {
      width: 100%;
}

.form-group,
.grid:after {
      content: " ";
      display: table;
      clear: both;
}


/* Layout Columns */

.grid .col-1 {
      width: 8.33%
}

.grid .col-2 {
      width: 16.667%;
}

.grid .col-3 {
      width: 25%;
}

.grid .col-4 {
      width: 33.33%;
}

.grid .col-5 {
      width: 41.66%;
}

.grid .col-6 {
      width: 50%;
}

.grid .col-7 {
      width: 58.33%
}

.grid .col-8 {
      width: 66.66%;
}

.grid .col-9 {
      width: 75%;
}

.grid .col-10 {
      width: 83.333%;
}

.grid .col-11 {
      width: 91.66%
}

.grid .col-12 {
      width: 100%
}


/** FORMULAIRE **/

.form-group {
      margin-bottom: 10px;
}

.form-control {
      padding: 2px;
}

.adresse input {
      margin-top: 10px;
}

.adresse input:first-child {
      margin-top: 0px;
}

.error-message {
      margin: 2px;
      color: red;
}

.obligatoire {
      color: red;
}

.form-group .control-label {
      font-weight: bold;
}

.form-group .control-label i {
      font-size: 0.9rem;
      font-weight: normal;
      color: #999;
}


/** STYLE Général **/

.push20 {
      margin-left: 20px;
}

h3,
h4 {
      margin-bottom: 5px;
}

.text-left {
      text-align: left;
}

.text-center {
      text-align: center;
}

.text-right {
      text-align: right;
}

.dashboard a {
      float: left;
      width: 130px;
      min-height: 120px;
      line-height: 15px;
      margin: 10px 0 10px 15px;
      padding: 10px;
      text-align: center;
      text-decoration: none;
      border: 1px solid;
      background: #fcfcfc;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      border-color: #e9e9e9;
      color: #111;
      font-size: 12px;
}

.dashboard a:hover,
.dashboard a:active {
      text-decoration: none;
}

.dashboard a i {
      font-size: 45px;
      line-height: 50px;
}

.dashboard a:first-child {
      margin-left: 5px;
}

.dashboard a.danger {
      border-color: #ebccd1;
      color: #a94442;
}


/* Alert */

.alert {
      border: 1px solid transparent;
      border-radius: 4px;
      padding: 10px 15px;
      margin: 10px;
      text-align: left;
}

.alert-warning {
      background-color: #fcf8e3;
      border-color: #faebcc;
      color: #8a6d3b;
}

.alert-danger {
      background-color: #f2dede;
      border-color: #ebccd1;
      color: #a94442;
}

.alert-success {
      background-color: #dff0d8;
      border-color: #d6e9c6;
      color: #3c763d;
}


/*  LANG */

.lang {
      margin: 0;
      list-style: none;
      float: right;
}

.lang li {
      display: inline-block;
      margin-right: 5px;
}

.lang li.current {
      border-bottom: 1px solid black;
}


/* Paiement methode */

.paiement_mode {
      float: left;
      width: 170px;
      text-align: center;
}

.paiement_mode label {
      display: block;
      width: 75px;
      margin: 0 auto;
}


/*.paiement_mode label img { opacity: 0; background: none !important; }
.paiement_mode .cb { background: url(../../img/FrontBundle/creditcard_off.png) no-repeat center top; }
.paiement_mode .cheque { background: url(../../img/FrontBundle/check_off.png) no-repeat center top; }
.paiement_mode .virement { background: url(../../img/FrontBundle/wire-transfer_off.png) no-repeat center top; }*/