*, *: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-group input {
   height: auto;
}

.checkbox-inline {
   display: inline;
   padding-right: 30px;
}

.checkbox-inline input {
   margin-top: -2px;
}


.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-top: 20px;
   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 */
.list_paiement_mode {
   margin-top: 20px;
}

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

.paiement_mode label { display: block;  margin: 0 auto; line-height: 15px; }