/* CSS Document 
min-width: 992px -> min-width: 951px
max-width: 992px -> max-width: 950px
*/
body {
	background-image:url(../images/squairy_light.png);
	background-repeat:repeat;
}
.bg-blue {
	background-color:#498fb1;
}
small {
	font-size:80% !important;
}
.fright {
	float:right;
}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
	color:#FFF;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	background-color:transparent;
	color:#FFF;
}
/*@font-face {
  font-family: 'Bariol';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}*/
@font-face {
	font-family: 'Bariol_Regular';
	src: url('../fonts/Bariol_Regular.eot');
	src: url('../fonts/Bariol_Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Bariol_Regular.woff') format('woff'), url('../fonts/Bariol_Regular.ttf') format('truetype'), url('../fonts/Bariol_Regular.svg') format('svg');

}
.navbar > .container .navbar-brand {
	font-family: "Bariol_Regular", Helvetica, Arial, sans-serif;
	font-size:28px;
	line-height:15px;
}
.navbar-inverse .navbar-nav > .dropdown > a .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}
.divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}

.box{
 	margin-bottom:20px; 
}
.orange {
	color:#fc8800;
}
.red {
	color:#C30;
}
.bg-red {
	background-color:#C30;
}
.gris {
	color:#AAA;
}
.barre {
	text-decoration: line-through;
}

.border-right {
	border-right:1px solid #CCC;
}
.no-border {
	border-color:#999;
}
.no-padding-left {
	padding-left:0px;
}
.no-padding-right {
	padding-right:0px;
}
.no-margin-top {
	margin-top:0px;
}
.show_img {
	height: 272px;
	/*margin: 0px 7px 7px 0px;*/
	/*position: relative;*/
}
.box-heading {
font-size: 20px;
font-weight:bold;
line-height: 31px;
color: #fff;
/*margin-top:15px;*/
margin-bottom: 15px;
background-color:#EEE;
padding: 8px 20px;
font-family: Tahoma;
border:1px solid #BBB;
border-radius:3px;
}
.sidecollapse {
	list-style: none;
	border:solid 1px #dddddd;
	margin:0px;
	border-bottom:none;
	background-color:#EEE;
	padding:0px;
}
.sidecollapse li {
	border-bottom:solid 1px #dddddd;
	height:35px;
	line-height:35px;
	margin:0px;
	padding-left:15px;
}

.breadcrumb > li + li:before {
	content : ">";
}
/*@media (min-width: 951px) {
.container {
max-width: 935px;
}
}
@media (min-width: 768px) {
	#menuLogin .dropdown-menu {
	width: 250px;
	}
}

@media (min-width: 621px) and (max-width: 1200px)  {
 .explore > .thumbnail {
	max-width: 300px;
	
}
 .col-sm-5 { /*.col-md-4,
	display:inline-block;
}
}*/

/*progressbar*/
#progressbar {
	margin-bottom: 0px;
	overflow: hidden;
	padding:0px;
	width: 100%; /*sans col-md- 110%*/
	/*margin-left: -5% sans col-md- */
	margin:1px;
	/*CSS counters to number the steps*/
	/*counter-reset: step;*/
	position: relative;
}
#progressbar li {
	list-style-type: none;
	color: black;
	text-transform: uppercase;
	font-size: 9px;
	width: 33.33%;
	float: left;
	position: relative;
	text-align:center; /* to center cirle in the li */
}
#progressbar li:before {
	content: "";/*counter(step)*/
	/*counter-increment: step;*/
	width: 16px;
	height: 16px;
	line-height: 16px;
	display: inline-block;
	font-size: 16px;
	color: #333;
	background: #CCC;
	border-radius: 10px;
	/*margin: 0 auto 5px auto;*/
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #CCC;
	position: absolute;
	left: -50%;
	top: 9px;
	z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
	background: #27AE60;
	color: black;
}
#progressbar-price {
	/*margin-bottom: 30px;*/
	overflow: hidden;
	padding:0px;
	width: 100%; /*sans col-md- 110%*/
	/*margin-left: -5% sans col-md- */
	margin:1px;
	/*CSS counters to number the steps*/
	/*counter-reset: step;*/
}
#progressbar-price li {
	list-style-type: none;
	/*color: black;*/
	text-transform: uppercase;
	font-size: 14px;
	width: 33.33%;
	float: left;
	position: relative;
	text-align:center; /* to center cirle in the li */
	margin-top: 0px;
}
#progressline {
	width: 70%;
	height: 5px;
	position: absolute;
	top: 6px;
	left: 15%;
	background-color:#CCC;
}
#progresslinestep {
	width: 30%;
	height: 5px;
	position: absolute;
	top: 6px;
	left: 15%;
	background-color:#27AE60;
	z-index:10;
	border-radius:3px;
}
/*@media (min-width: 639px) { /*650 
	.navbar-nav {
float: left;
margin: 0;
}
.navbar-nav > li {
float: left;
}
.navbar-header {
text-align:center;
}
.container > .navbar-header, .container > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
.container > .navbar-header, .container > .navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}

.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}

.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none;
}

.navbar-header {
text-align: center;
padding-top: 14px;
}
.navbar-brand {
	float:none;
}
.navbar-right {
float: right !important;
}
.navbar-toggle {
	visibility:hidden;
}
}*/