/* CSS Document */
* {
  outline: none;
}

.wrapper { }

.schema .number {
  border: 2px solid #0062cc;
  text-align: center;
  display: inline-block;
  width: 80px;
  height: 80px;
  text-transform: uppercase;
  line-height: 74px;
  border-radius: 50%;
  background:#1120e2;
  color: #fff;
  font-size: 30px;
}
.schema i { color: #2c7c7a; font-size:50px;}
.schema h2 { font-size:1.3em; color:#1120e2;}
.schema > .row { margin-top:16px;}

@media only screen and (max-width: 1200px) and (min-width: 992px) {

	.schema .number {
	  border: 2px solid #0062cc;
	  text-align: center;
	  display: inline-block;
	  width: 54px;
	  height: 54px;
	  text-transform: uppercase;
	  line-height: 49px;
	  border-radius: 50%;
	  background:#1120e2;
	  color: #fff;
	  font-size: 20px;
	}

}
@media only screen and (max-width: 992px)  {

	.schema .number {
	
		margin-bottom:16px; margin
	
	}
	
	.schema i { margin-top:16px; margin-bottom:16px; font-size:50px;}
	.schema i:before {
	  content: "\f063";
	}	
	
	.schema > .row { margin-top:0;}


}
.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  background-image:url(../dbi-stat/slider-bg-1.jpg);
    background-position: top center;

    background-repeat: no-repeat ; 
  border-radius: 0.3rem;
}

.jumbotron_inv {

	background-image:url(../dbi-stat/slider-bg-1_inv.jpg);

}

header {
	padding:16px 0;
}
.navbar-brand {
	padding:0;
	margin:0;
	padding-top:9px;
	display:inline-block;
	width:100%;
}
.navbar-brand span {
	position:absolute;
	display:block;
	color:#333333;
	font-size:0.8em;
	bottom:0;
	right:0;
}
* a {
	color:#1154db;
}
/* home */

.vignette a {
	padding:12px;
	background-color:#ccc;
	color:#333333;
	font-size:1.2em; 
	font-weight:bold;
	display:block;
}
.vignette .plus {
	position:absolute;
	background:none;
	right:3px;
	bottom:35px;
}

figure { 
	cursor:pointer;
}
figure figcaption {
	position:absolute;
	top:20%;
	left:45px;
	right:45px;
	font-size:1.1em;
	max-width:80%;
	line-height:1.8;
}
figure figcaption {
	width: -webkit-calc(100%);
	width: calc(100%);
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
figure:hover figcaption {
	opacity:0.5;
}
figure figcaption p {
	display:inline;
	padding:4px;
	white-space:normal;
	background-image:url(../dbi-stat/fff_60.png);
	
	/* Needs prefixing */
  	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}


/*breadcrumb*/
.breadcrumb { font-size:0.9em;
  padding: 8px 15px;
  margin-bottom: 16px;
  list-style: none;
  background:none;
  border-radius: 4px; border:solid 1px #d8dee4;;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li a {

	color:#333;

}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #000;
  content: "/\00a0"; margin-left:12px;
}
.breadcrumb > .active a {
  font-weight:bold;
}


/* footer */



footer {
	background-color:#ccc;
	color:#2c7b79;
	padding:16px;
	margin:15px auto;
	text-align:left;
}
footer a {
	margin:auto 12px;
	color:#333;
	font-size:1.1em;
}

footer a:after {
  color:#333;
  content: "|";
  margin-left: 27px;
}

footer a:last-child:after {
  content:"";
}
/*-----------------------*/




/* ## divers ### */

form .error { border:solid 1px #CC3300;}

/* accordeon */

.accordion .card.card-left , .accordion .card.card-right{
	
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius:0px; 
		
}


.accordion .card.card-left:first-child {
	
	-moz-border-radius:0px 4px 0px 0px;
	-webkit-border-radius:0px 4px 0px 0px;
	border-radius: 0px 4px 0px 0px;
	-webkit-border-top-right-radius: 4px;	
}
.accordion .card.card-left:last-child {
	
	-moz-border-radius: 0px 0px 4px 0px;
	-webkit-border-radius:0px 0px 4px 0px;
	border-radius: 0px 0px 4px 0px;
	-webkit-border-bottom-right-radius: 4px;
}

.accordion .card.card-right:first-child {
	
	-moz-border-radius:4px 0px 0px 0px;
	-webkit-border-radius:4px 0px 0px 0px;
	border-radius: 4px 0px 0px 0px;
	-webkit-border-top-left-radius: 4px;	
}
.accordion .card.card-right:last-child {
	
	-moz-border-radius: 0px 0px 0px 4px;
	-webkit-border-radius:0px 0px 0px 4px;
	border-radius: 0px 0px 0px 4px;
	-webkit-border-bottom-right-radius: 4px;
}

.accordion .card.card-left .card-header, .accordion .card.card-right .card-header { border-bottom:solid 1px #fff; padding:0; }
.accordion .card.card-left .card-body p:first-child, .accordion .card.card-right .card-body p:first-child {margin-top:0; padding-top:0;}


/* imgs */

.img-responsive-100 {
	width:100%!important;
}
/* Rounded général */
.rounded {
	-moz-border-radius: 4px!important;
	-khtml-border-radius: 4px!important;
	-webkit-border-radius: 4px!important;
	border-radius:4px!important;
}
.roundedplus {
	-moz-border-radius: 8px!important;
	-khtml-border-radius: 8px!important;
	-webkit-border-radius: 8px!important;
	border-radius:8px!important;
}
.bottom_left_rounded {
	-moz-border-radius: 0px 0px 0 4px;
	-webkit-border-radius: 0px 0px 0 4px;
	border-radius:0px 0px 0 4px;
	-webkit-border-bottom-left-radius: 4px;
}
.bottom_right_rounded {
	-moz-border-radius: 0px 0px 4px 0px;
	-webkit-border-radius:0px 0px 4px 0px;
	border-radius: 0px 0px 4px 0px;
	-webkit-border-bottom-right-radius: 4px;
}
.bottom_right_left_rounded {
	-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;
}
.bottom_right_left_rounded_plus {
	-moz-border-radius: 0px 0px 8px 8px!important;
	-webkit-border-radius:0px 0px 8px 8px!important;
	border-radius: 0px 0px 8px 8px!important;
	-webkit-border-bottom-right-radius: 8px!important;
	-webkit-border-bottom-left-radius: 8px!important;
}
.bottom_top_right_rounded {
	-moz-border-radius: 0px 4px 4px 0px;
	-webkit-border-radius:0px 4px 4px 0px;
	border-radius: 0px 4px 4px 0px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
}
.bottom_top_left_rounded {
	-moz-border-radius:4px 0px 0px 4px;
	-webkit-border-radius:4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
}
.top_right_left_rounded {
	-moz-border-radius:4px 4px 0px 0px;
	-webkit-border-radius:4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
}

.squared {
	-moz-border-radius: 0px!important;
	-khtml-border-radius: 0px!important;
	-webkit-border-radius: 0px!important;
	border-radius:0px!important;
}
/*short_row & container*/
/**/
.container-fluid {
  padding-right:0;
  padding-left:0;
}

.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;
}

/* modal */

@media (min-width: 992px) {
  .modal-xlg-fluid {
    max-width: 90%;
  }
  .modal-lg-fluid {
    max-width: 50%;
  }  
}

/*  btn */

.btn-success {
	color:#2c7b79;
	background-color: #fff;
	border-color: #2c7b79;
}
.btn-success:hover {
	color: #fff;
	background-color: #2c7b79;
	border-color:#2c7b79;
}

.btn-link, a.btn-link {

	color:#333; text-decoration:underline;

}

.btn-link:hover, a.btn-link:hover { text-decoration:none;

}


.btn-secondary { 

background-color:#307d7b; color: #FFFFFF; border-color:#2c7b79;


}

/*list-group-item*/


.list-group-item.active {
  z-index: 2;
background-color:#307d7b; color: #FFFFFF; border-color:#2c7b79;
}

.modal ul,li { padding-left:15px;}

/* BG */

.BG_img_cover {

	background:no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	

}

.BG_img_top_right {

	background:no-repeat right top;


}

.BG_img_right {

	background:no-repeat right top;

}

.BG_grey { 

background-color:#d8dee4;


}

.BG_white { 

background-color:#fff;


}

/*font_color, size, style*/

.FC_blue, a.FC_blue, FC_blue a{ color:#1120e2;}
.FC_green, a.FC_green, .FC_green a{ color:#307d7b;}

.FW_bold {font-weight:bold;}

.FF_roboto{

    font-family: 'Roboto', sans-serif;

}

.FF_raleway{

    font-family: 'Raleway', sans-serif;

}

.FS_l{ font-size:large;}

/* margins*/
.M_top_xs { margin-top:8px;}
.M_top_sm { margin-top:16px;}

/* paddings */
.P_all_l { padding:8px;}
.P_all_xl { padding:16px;}
.P_top_bottom_l { padding:8px 0;}
.P_left_right_l { padding:0 8px;}
.P_left_right_xl { padding:0 16px;}

/* shadow*/

.shadow {
	-webkit-box-shadow: -6px 9px 9px 0px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: -6px 9px 9px 0px rgba(0, 0, 0, 0.12);
	box-shadow: -6px 9px 9px 0px rgba(0, 0, 0, 0.12);
}

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