body { margin:0; padding:0; background-color:#fff; font-size:13px;}
body,
input,
button,
select,
textarea {
 font-family: 'Lato', sans-serif;
}
html {
overflow:scroll;
}
#wrapper { position:relative; max-width:2560px; margin:0 auto 0 auto; }
.page-content-wrapper { }


/*a gen */
a, a:hover { outline:0!important; color:#212830; text-decoration:none; }

/* hn */

	h1,h2,h3 { margin:0; padding:0;  font-size:1.8em; font-weight:bold;}
	h3 { font-size:1.5em; }
	
	.h1_style {
	padding: 16px;
	font-size: 2em;
	margin: 0;
	}
	.h2_style {
	padding: 8px;
	font-size: 1.9em;
	margin: 0;
	}
	.h3_style {
	padding: 8px;
	font-size: 1.5em;
	margin: 0;
	} 

/* HEADER */

header { background-color: #ffffff; width:inherit; margin:inherit; padding:0!important; }
header .bg_red { background-image:url(../dbi-stat/header_red_angle.jpg); background-repeat:no-repeat; min-height:80px;}
header h1 { padding:10px 8px 0 80px; font-size:2em; color:#fff; font-weight:lighter;}
header .lang { position:absolute; right:0;}
header .btn .caret {display:block; margin:0;padding:0;margin-left:30%; }
header .btn-default  { padding:0 8px 4px 8px; }
header .prebaseline { font-size:1.3em; font-weight:bold; color: #dc0030; letter-spacing:1px; position:absolute; left:12px; right:0; top:10px;}
.logo_alma {
	display:block; padding:8px 0;	 text-align:left;  /*margin: 0 auto!important; center*/
}

.img-responsive-center  { margin: 0 auto; /*center*/}



/*Carousel*/

.carousel { background-color:#f3f3f3;}
.carousel-inner > .item > img {
	padding-left:10%;
}

.carousel-control {
  position: absolute;
  top: inherit;
  bottom:10%;
  left: inherit;
  width:38px; 
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow:none;
  background: none;
  padding:4px;
  filter: alpha(opacity=60);
  opacity: 0.6;
  z-index:20;
  
}

.carousel-control.left {
  left:10%;
  background-image:none;
  filter:none;

  
}

.carousel-control.right {
  right: 15%;
  left: auto;
  background-image:none;
  filter:none;
}

.carousel-control:hover{
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=100);
  outline: 0;
  opacity: 1;
}


.carousel-fade .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
	opacity: 1;
}
.carousel-fade .carousel-inner .active.left, .home_teasers .carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}
.carousel-fade .carousel-inner .next.left, .home_teasers .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-control {
	z-index: 2;
}

.carousel-caption { 
  position: absolute;
  left: 2%;
  right:0;
  top: 10%;
  bottom:30%;
  z-index: 9;
  padding: 20px;
  color: #212830;
  text-align:left;
  text-shadow: none;
  font-size:1.6em;
  width:270px; 
 
}

/* hero */
.heroes {}

.hero .phoneNumber {
    margin: 30px 0 10px;
    border: solid 1px #e7e7e7;
    border-radius: 3px;
    padding: 10px;
    text-align: center;
    font-size: 2em;
}

.hero img{
    max-width: 100%;
}

.hero div{
    font-size: 0.9em;
}

.hero {
    display: block;
    margin: 10px;
    border: solid 1px #e7e7e7;
    border-radius: 3px;
    padding: 20px;
    font-size: 1.2em;
}

.hero2nd {
    display: block;
    padding: 0 4px 0 30px;
    font-size: 1.2em;

}

.hero span{
    display: block;
}

/* Illustr family and products top banner */

.family_top {
    background-repeat: no-repeat;
    background-position: right bottom;
    min-height: 175px;
    border-bottom: solid 1px #d0d0d0;
    padding: 15px;
 
}


.family_top > .row > div > span { display:inline-block; padding:4px; background-color:#f3f3f3; margin-bottom:2px;}
.family_top_big {
    background-repeat: no-repeat;
    background-position: right bottom;
    height: 438px;
    border-bottom: solid 1px #d0d0d0;
    padding-top: 35px;
    padding-left: 25px;
}

.custom_fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

.custom_fade:hover {
      opacity: 0.5;
      }

/*Custom colonnes*/
.col-xs-24_5,
.col-sm-24_5,
.col-md-24_5,
.col-lg-24_5 {
    position: relative;
    min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-24_5,
.col-sm-24_5,
.col-md-24_5,
.col-lg-24_5 {
    width: 20%;
    float: left;
}



/*breadcrumb*/

.breadcrumb {
    padding: 8px 15px;
    font-size: 1.3em;
    margin:0;
	
    list-style: none;
    background: inherit;
    border-radius: 0;
}

/* footer */
footer { margin-bottom:20px; }
footer .bg_red { 
	background-image:url(../dbi-stat/footer_red_angle.jpg); 
	background-repeat:no-repeat; 
	background-position:right; 

	font-size:1rem; color:#fff; text-transform: uppercase;
}
footer  .bg_red  a { color:#fff; margin:0 8px; font-size:1.2em; }

footer .gdn { color:#ccc; display:block; }

/*short_row & container*/
/**/
.container-fluid {
  padding-right:8px;
  padding-left:8px;
}
.short_row .row {
    margin-right: 0;
    margin-left: 0;
}
.short_row .row > div {
    padding-right: 0px;
    padding-left: 0px;
	
}

.medium_row .row {
    margin-right: -8px;
    margin-left: -8px;
}
.medium_row .row > div {
    padding-right: 8px;
    padding-left: 8px;
	
}
.row_neg {
    margin-right: 0!important;
    margin-left: 0!important;
}	

/*alert*/

.alert {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
	
}
.alert-next-h1 {
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
}

.alert a { text-decoration:underline; }
.alert a:hover { text-decoration: none; }
.alert a.btn {  text-decoration: none; }

.alert h1, .alert h2 { background-color:#999999; font-size:1.2em; font-weight:bold; padding:8px 8px; margin:16px 0; color:#FFFFFF; }
.alert h1 a, .alert h2 a{ text-decoration:none; color:#FFFFFF;}
.alert .img-responsive {
    margin: 0 auto;
}
.uline a, a.uline { text-decoration:underline; }

/* modal */
.modal{

z-index: 1100;

}
.modal-dialog {

z-index: 1110;

}
.modal-backdrop {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index: 1080;
    background-color:#fff; 
}
.modal-backdrop.in {
  filter: alpha(opacity=90);
  opacity: .9;
}

/*side_nav*/


.side-nav .nav > li.active a {
    background-color:#dc0030;
    color: #FFFFFF;
}
.side-nav .nav > li > a { 
	font-size:1.2em;
    background: none;
    background-color: #f1f1f1;
    border-color: #fff;
    border-width: 0px 0 1px 0;
    border-radius: 0;
}
.side-nav .nav > li > a:hover,
.side-nav .nav > li > a:focus {
    text-decoration: none;
    background-color:#dc0030;
    color: #fff;
}
.side-nav a {
    font-size: 1em;
    display: block;
}

.side-nav .nav-stacked { padding:0!important; max-height:1000px; overflow:auto;}

.side-nav .nav-tabs.nav-stacked ul {
    padding: 0;
    margin: 0;
    text-align: left;
}
.side-nav .nav-tabs.nav-stacked > li {
    font-size: 1.1em;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.side-nav .nav-tabs.nav-stacked > li li {
    padding: 5px 0 5px 0px;
    border: solid 1px #fff;
    border-width: 0px 0 0 0;
}
.side-nav .nav-tabs.nav-stacked > li li a {
    color: #FFFFFF;
    padding-left: 20px;
}
.side-nav .nav-tabs.nav-stacked > li li li a {
    color: #FFFFFF;
    padding-left: 25px;
}
.side-nav .nav-tabs.nav-stacked > li li li li a {
    color: #FFFFFF;
    padding-left: 30px;
}
.side-nav .nav-tabs.nav-stacked > li > a {
    color: #333;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.side-nav .nav-tabs.nav-stacked li:hover a {
    background-color: #eee;
    color: #333;
}
.side-nav .nav-tabs > li.active > a,
.side-nav .nav-tabs > li.active > a:hover,
.side-nav .nav-tabs > li.active > a:focus {
    cursor: pointer;
    background: none;
    color: #FFFFFF;
    border: 0;
}
.side-nav .nav-tabs .nav > li > a {
    background-color: #eee;
}
.side-nav .nav-tabs .nav > li > a:hover {} .side-nav .nav-tabs.nav-stacked > li.inactive > a,
.side-nav .nav-tabs.nav-stacked > li.inactive > a:focus {
    color: #333;
}
.side-nav .nav-tabs.nav-stacked > li.inactive > a:hover {
    background-color: #eee;
    color: #333;
}
.side-nav .nav-tabs.nav-stacked > li.inactive li {
    background-color: #4683ed;
    color: #FFFFFF;
    border-bottom: solid 1px #fff;
}
.side-nav .nav-tabs.nav-stacked > li.inactive li.active {
    background-color: #4683ed;
    color: #FFFFFF;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.side-nav .nav-tabs.nav-stacked > li.inactive li.active > a {
    color: #FFFFFF;
}
.side-nav .nav-tabs.nav-stacked > li.active {} .side-nav .nav-tabs.nav-stacked > li.active.top {} .side-nav .nav-tabs.nav-stacked > li.active.top > a {
    background-color: #4683ed;
    color: #FFFFFF;
}
.side-nav .nav-tabs.nav-stacked > li .active li a {
    color: #000;
}
.side-nav .nav-tabs.nav-stacked > li .active > a {
    color: #000;
    background: none;
    /**/
}

#map {

 	width: 100%;
	height: 768px;

}


/*Pagination*/
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 0px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #ffffff; 
  font-size:1.2em;
  text-decoration: none;
  background-color: #263238;
  border: 1px solid #ffffff;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #000;
  cursor: default;
  background-color: #e0e0e0;
   border: 1px solid #ffffff;
}

/*Process bar*/
section ul.process_bar{list-style-type: none;  padding:0px; margin:0px -1px 8px -1px;}
section ul.process_bar li {float:left; width:20%;  margin:0px 0px 0 0px; padding:10px 0; border:solid 2px #fff; background-color:#eee;  text-align:center; font-size:20px; font-weight:bold;	  }
section ul.process_bar li a { display:block; }
section ul.process_bar li span { font-size:1em; color: #CCCCCC;}
section ul.process_bar li.current{ background-color: #263238;}
section ul.process_bar li.current span  {color:#FFFFFF;  font-size:0.9em; }
section ul.process_bar li.ok { background-color: #E4E4E4; color:#666; background-image:url(../dbi-stat/okay.png); background-position:5px 5px; background-repeat:no-repeat; }
section ul.process_bar li.ok span { color:#333333;}
section ul.process_bar li:hover, section ul.process_bar li:hover span { background-color: #333; color:#fff;}

/*nav-tabs*/

.nav-tabs {
    border-bottom: 1px solid transparent;
    margin-bottom: 8px;
}
.nav-tabs > li {
    width: 25%;
}
.nav-tabs > li > a {
    color: #37474f;
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0px 0px 0 0;
    background-color: #FFFFFF;
    text-align: center;
}
.nav-tabs > li > a:hover {
    background-color: #dc0030;
    border-color: transparent;
    color: #FFFFFF;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #fff;
    cursor: default; font-weight:bold;
    background-color:#dc0030;
    border: 1px solid transparent;
    border-bottom-color: transparent;
}

/*3d gen*/
.nav-3d a:not(.tab_on) {  opacity: 0.4;
  filter: alpha(opacity=40);}
.nav-3d a.no_opacity {opacity: 1;
  filter: alpha(opacity=100);}
.nav-3d a:not(.tab_on) .arrow { visibility:hidden;}
.thumbnail { margin-bottom:8px;}
.thumbnail .caption { padding:0;}
.thumbnail .caption h3 { margin-top:4px; color:#dc0030; background-color:#f6f6f6; padding:4px;}
.thumbnail .caption p{ padding:4px; font-size:1em; }

.menu_models_xs .btn { border:none; text-align:left; padding-left:15px; }

/**/
.no_opacity {opacity: 1;
  filter: alpha(opacity=100);}
.choix_list_adresses_arrow { background-image:url(../dbi-stat/choix_list_adresses_arrow.png); background-position:top left; background-repeat:no-repeat;}

/*hr*/
hr.white_thin { height:1px; background-color:#ffffff; border-color:#ffffff; margin:0; padding:0;}
hr.white_medium { height:1px; background-color:#ffffff; border-color:#ffffff; margin:4px 0; padding:0;}
hr.grey_thin { height:1px; background-color:#f3f3f3; border-color:#f3f3f3; margin:0; padding:0;}
hr {
    margin-top: 8px;
    margin-bottom: 8px;
    border: 0;
    border-top: 1px solid #ededed;
    /*#821d15*/
}



/* Gen colors */

.bg_black {
    background-color: #000000;
}
.bg_very_dark_grey {
    background-color: #3a3f45;/*263238*/
}
.bg_dark_grey {
    background-color: #333333;
}
.bg_clear_grey {
    background-color: #e0e0e0;
}
.bg_clear_grey_2 {
    background-color: #f6f6f6;
}
.bg_clear_grey_3 {
    background-color: #f3f3f3;
}
.bg_red {
    background-color: #dc0030!important;
}
.bg_orange {
    background-color: #f39919;
}
.bg_blue {
    background-color: #2995bf;
}
.bg_white {
    background-color: #ffffff;
}
.white,
a .white,
a.white,
.white a {
    color: #FFFFFF;
}
.black,
a .black,
a.black,
.black a {
    color: #000000;
}
.red,
a .red,
a.red,
.red a {
    color: #dc0030;
}
.grey,
a .grey,
a.grey,
.grey a {
    color: #d0d0d0;
}
.dark_grey,
a.dark_grey,
.dark_grey a {
    color: #333;
}
a {
    color: #000000;
}

.font_xs {
    font-size: 0.9em!important;
}
.font_s {
    font-size: 1em!important;
}
.font_m {
    font-size: 1.2em!important;
}
.font_l {
    font-size: 1.4em!important;
}
.font_xl {
    font-size: 1.6em!important;
}
.font_xxl {
    font-size: 2.3em!important;
}

.font-hl { /* headlines */
	font-size: 2.3em!important; letter-spacing:0.1em;
} 

/*p*/
.p_augmented p, p.p_augmented{ padding:8px 0; line-height:1.2;}
.p_augmented p:first-child , .p_augmented h4 { padding-top:0;}

/*btn*/
.btn-default  { 
			
	color:#212830;
	border:solid;
	border-radius:0;
	border-color:#ded9d9;
	border-width:1px 1px 1px 1px;
	padding:4px;
    background-color: #fff;
	
}



.btn {
    padding: 4px 8px;
    border-radius: 0; white-space:inherit!important;
}
.btn-default.active{ background-color: #dc0030!important; color:#FFFFFF!important; }
.btn-shadow {
    -moz-box-shadow: 1px 1px 2px 0px #343434;
    -webkit-box-shadow: 1px 1px 2px 0px #343434;
    -o-box-shadow: 1px 1px 2px 0px #343434;
    box-shadow: 1px 1px 2px 0px #343434;
    filter: progid: DXImageTransform.Microsoft.Shadow(color=#343434, Direction=134, Strength=2);
}

.btn-lg-custom,
.btn-group-lg-custom > .btn {
    padding: 10px 16px;
    font-size: 1.4em;
    line-height: 1.3333333;
    border-radius: 0px;
}
.btn-orange {
    color: #fff;
    background-color: #f39919;
    border-color: #fd9705;
}
.btn-red {
    color: #fff;
    background-color: #dc0030;
    border-color: #dc0030;
}
a.btn-red:hover { color:#FFFFFF!important;}
.btn-xlg {
    padding: 20px 10px;
    font-size: 1.7em;
    line-height: 1.35;
    border-radius: 0px;
}
.auto_ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* borders */
.border-left,
.bl {
    border-left: solid 1px #d0d0d0;
}
.border-right,
.br {
    border-right: solid 1px #d0d0d0;
}
.fa.br { min-width:25px; padding-right:8px; margin-right:4px; text-align:center;}
.border-top,
.bt {
    border-top: solid 1px #d0d0d0;
}
.border-bottom,
.bb {
    border-bottom: solid 1px #d0d0d0;
}
.border { border: solid 1px #d0d0d0;}

.border_hover { border:solid 1px #ffffff;}
.border_hover:hover { border:solid 1px #263238;}

/*pointer*/
.pointer,
.pointer * {
    cursor: pointer;
}

/* padding & margin specials */
.mbot {
    margin-bottom: 8px!important;
}
.mbotx2 {
    margin-bottom: 16px!important;
}
.mtop {
    margin-top: 8px!important;
}
.mleft { margin-left:8px!important; }
.pbot {
    padding-bottom: 8px!important;
}
.ptop {
    padding-top: 8px!important;
}

.nomargin {
    margin: 0!important;
}
.nopadding {
    padding: 0!important;
}

.pallxs { padding:4px; }
.palls { padding:8px; }
.pallm { padding:12px; }
.palll { padding:16px; }
.ptopbotxs { padding:4px 0;}
.ptopbots { padding:8px 0;}
.prlxs { padding:0 4px;}
.prls { padding:0 8px;}
.prs { padding-right:8px;}