body {
  -padding-top: 10px;
}

select, textarea, input[type='text'] {
  width: 100%;
}

.starter-template {
  padding: 0px 15px;
//background-color:green;
}

#group-select div {
  margin: 2px 0;
}

.checkbox label {
  font-weight: 700;
}

#liste_sel_groupes {
  margin-top: 10px;
}

/* Flèches lors du tri des tableaux */
.st-sort-ascent:before{
  content: '\25B2';
}

.st-sort-descent:before{
  content: '\25BC';
}

/* Offres */

.formHeader h3
{
  display: inline-block;
  margin-left: 5px;
}
.formFooter
{
  margin-top: 10px;
}
.form-horizontal, .form-horizontal .control-label
{
  text-align: left;
}

select
{
  margin-bottom: 5px;
}

.input-group[class*=col-]
{
  padding-left: 14px;
  padding-right: 14px;
  float: left;
}

.form-group p
{
  text-align: right;
}

h1 small
{
  color: black;
}

.panel-default>.panel-heading
{
  background-color: rgb(98, 135, 185);
}

.subPage div.panel {
  border-top: 0;
}

p
{
  font-weight: bold;
  text-align: right;
}

.priceTag, .subPriceTotal, .subPriceNetTotal, .totalPriceBrutTag, .totalPriceNetTag
{
  margin-right: 5px;
  
}

.subRemise, #priceRemise, #priceFinal
{
  text-align: right;
}

#priceFinal:after
{
  content:"CHF";
}

.priceContainer
{
  apadding-right: 0px;
}
/* Stylesheet: cssPAC Modified On 2016-10-09 22:05:10 */
.divTILES
{
float:left;
width: 6.5vw;
height: 13vh;

//height: 120px;
background: #3399cc;
	-background-color: #34495E;
color:white;
//font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12pt;
font-style: normal;
font: bold;
text-align: left;
text-align: center;
vertical-align: middle;

//line-height: 120%;
padding:1vw;
margin:0.5vw;
padding-top: 1.5vw;
}

.icône
{
font-size: 3vw;
}
.divSMALLTILES
{
//width: 118px;
height: 120px;
background: #3399cc;
color:white;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 12pt;
font-style: normal;
font: bold;
text-align: left;
line-height: 120%;
padding: 0px 2px 0;
margin:10px;
}

.gi-0_8x{font-size: 0.8em;}
.gi-1_8x{font-size: 1.8em;}
.gi-2x{font-size: 2em;}
.gi-3x{font-size: 3em;}
.gi-4x{font-size: 4em;}
.gi-5x{font-size: 5em;}

.gi-rot-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.gi-rot-45 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}



.mis-txt-red{color:#EE6E73;}
.mis-txt-blue{color:#2196F3;}
.mis-txt-black{color:black;}
.mis-txt-grey{color:#777777;}

.mis-disabled
{
color:#777777;
cursor: not-allowed;
}

.banner
{
	background-color: #34495E;
background-color: #3399cc;
	min-height: 30px;
	color: white;
	padding-top: 2px;
}
/* Stylesheet: cssTiles Modified On 2016-11-30 16:57:18 */
body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
  }

.container {

}

nav a
{
    color: black;
}

.slider-container
{
    padding-top: 0;
}

.btn-sponsors
{
    width: 100%;
    height: auto;
    min-height: 100px;
}

.btn-sponsors img
{
    width: 100%;
//    height: 100%;
    vertical-align: middle;
}

.formContact input
{
    color: white;
}
.formContact .input-field label
{
    color: white;
}

.formContact .input-field input[type=text]:focus + label {
    color: white;
}

.btn-presentation
{
    width: 100%;
    height: auto;
    border: none;
    background-color: white;
}
.btn-presentation:hover
{
    border-radius: 2px;
    webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
#infoArea
{
    margin-top: 20px;
    padding: 10px;
}
.menuTitle
{
    margin-left: 20px;
}

.txtSmall
{
  font-size: 0.9rem;
  line-height: 1rem;
  margin: 0.5rem 0 0.4rem 0;
}

.tableHover:hover
{ 
background: #FCF; 
} 

.misTiny 
{
//display: inline-block;
  color: #ee6e73;
  //color: white;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 28px;
  height: 28px;
  line-height: 28px;
  padding: 0;
margin-top:4px;
margin-left:10px;
  background-color: #26a69a;
  background-color: black;
  border-radius: 50%;
  transition: .3s;
  cursor: pointer;
 vertical-align: text-top;
font-size: 30px;
}

//*** Gridview ***//
.grid {
//  width: 800px;
  height: 500px;
}

/* 
input[type="text"] 
{
width="100%";
height: 1.5em;
}

input[type="text"].ui-grid-filter-input 
{
height: 1.5em;
}
*/
.container{
max-width:1900px;
width:100%;
}

.mis-telechargement-row-deco
{
border-bottom: 1px solid red;
padding-bottom:10px;
}


/* Stylesheet: myApp Modified On 2016-11-30 16:44:01 */
table {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: 800px; /* this can vary */
font-size:1em; 
}

table * {
    box-sizing: inherit;
    -moz-box-sizing: inherit;
}

thead {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

tbody {
    overflow-y: scroll;
    display: inline-block;
}

thead > tr, tfoot > tr {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
//height:4.5em;
valign=bottom;>
}

tbody > tr {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
height:4.5em;
valign=bottom;>
}

thead, tfoot {
    flex-shrink: 0;
}

th, tbody td {
 /*   width: 20%; */ /* this can vary */
    overflow-x: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

tfoot {
    display: inline-block;
}

tfoot td {
    width: 100%;
    display: inline-block;
}

input[type="search"] {
height:1.5em; 
     display: block;
     margin-bottom: 10px;
     //background-color: yellow;
 }

tfoot nav{
background-color:transparent;
}

.pagination li.active{
background-color:transparent;
}

.table > tbody > tr > td, .table > tbody > tr > th  
{
//padding-top:1.5em;
}
/* Stylesheet: smartTable Modified On 2016-10-12 15:50:27 */
.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
background-color: #b0bec5;
  border-color: #ddd;
}
.panel-default > .panel-body{
  color: #333;
  background-color: #f5f5f5;
background-color: #eceff1;
  border-color: #ddd;
}
/*Zone des tabs */
.nav-tabs{
  -background-color:#161616;
-background-color:red;
}

.tab-content{
    -background-color:#303136;
    -background-color:green;
    color:#fff;
    padding:5px
}

.nav-tabs > li > a{
  -border: medium none;
  border-color: #ddd;
  background-color: white;
-background-color: #b0bec5;
}

.nav-tabs > li > a:hover{
  background-color: #303136 !important;
  background-color: yellow !important;
background-color: #b0bec5 !important;

    border: medium none;
    border-radius: 0;
    color:#fff;
}


/* tab color */
.nav-tabs>li>a {
  -background-color: #333333; 
  -border-color: #777777;
  -color:#fff;
}

/* active tab color */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  color: #fff;
  background-color: #666;
background-color: #b0bec5;
  -border: 1px solid #888888;
}

/* hover tab color */
.nav-tabs>li>a:hover {
  -border-color: #000000;
  background-color: #111111;
background-color: #b0bec5;
}
/* Stylesheet: myBoostrap Modified On 2016-10-16 22:16:14 */
