header, main, footer {
	 padding-left: 250px;   
 }
	
@media only screen and (max-width : 992px) {
     header, main, footer {
	   padding-left: 0;
     }
}

@only screen and (min-width : 992px) {
     .container {
	     width: 90% !important;
     }
}
@media only screen and (max-width : 600px) {
  .cards-container {
   	column-break-inside: avoid !important;
   	-webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
  	column-count: 1 !important;
  }
  .cards-container .card {
    page-break-inside: avoid;
    display: inline-block !important;
    overflow: visible !important;
  }
  		
}
@media only screen and (min-width : 601px) and (max-width : 992px) {
  .cards-container {     
    column-break-inside: avoid !important;
    -webkit-column-count: 2 !important;
  	-moz-column-count: 2 !important;
  	column-count: 2 !important;
  }
  .cards-container .card {
    page-break-inside: avoid;
    display: inline-block !important;
    overflow: visible !important;
  }
}
@media only screen and (min-width : 993px) {
     .cards-container {
     	column-break-inside: avoid !important;
     	-webkit-column-count: 3 !important;
  		-moz-column-count: 3 !important;
  		column-count: 3 !important;
      }
      .cards-container .card {
        page-break-inside: avoid;
        display: inline-block !important;
        overflow: visible !important;
      }
  		
     
}

.sidenav{
	width:250px !important ;
  background-color: #00486B !important;   
}

.sidenav li a{
    color:white;
    font-weight: bold;
  
}

.sidenav li > a:hover{
    background-color: rgba(38,107,141,0.7) !important;
}

.sidenav li.photo > a{
  height: 100px;
  line-height: 20px;
  text-align: center;
}

.sidenav li.logo{
  padding-top: 10px;
  padding-left: 2px;
  padding-bottom: 20px;
  font-weight: bold;
  font-size: 27px;
  color:white;
  
  vertical-align: middle;
}

a.sidenav-trigger.top-nav{
	color: #ee0000;
}

.tabs .tab a {
    /* 266b8d */
    font-weight: bold !important;
    color: rgba(38,107,141,0.7) !important;
}


.tabs .tab a:hover {
    background-color: rgba(108,162,188,0.1) !important;
    color: #00486B !important;  
}
.tabs .tab a.active {
  /* e3f2fd*/
    background-color: rgba(227,242,253,1) !important;
    color: #00486B !important;
}

.tabs .tab.disabled a, .tabs .tab.disabled a:hover{
  /* 6ca2bc */
  color: rgba(108,162,188,0.4) !important;     
}
/*
.tabs .tab a:focus, .tabs .tab a:focus.active {
  background-color: rgba(246, 178, 181, 0.2);
  outline: none;
}

*/

.tabs .indicator {
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: #266b8d;
  will-change: left, right;
}

.divider-not-visible{
  height: 1px !important;
  overflow: hidden;
  background-color: rgba(0,0,0,0) !important;
}

/*
.divider {
    height: 1px;
    overflow: hidden;
    background-color: #e0e0e0;
}*/

.btn{
  background-color: #00486B!important; 
}

.text-bold{
  font-weight: bold;
}
.text-italic{
  font-style: italic;
}

div#paquebot_header{
  background-color: #00486B !important; 
  color:white !important;
  padding-top: 5px;
  padding-bottom: 15px;   
}