html        { background: white; }
body		{ color: black; font: 300 15px/18px soleil, sans-serif; padding: 20px 0px; }

hr 			{ border: 0; height: 1px; background: black; margin-bottom: 13px; }

a:visited,
a:link,
a 			{ color: rgb(0,47,255); text-decoration: underline; }
a:hover,
a:active	{ color: black; text-decoration: underline; }

.page_3 .bitem		{ border-bottom: 1px solid black; padding: 8px 0 15px 0; transition-property: background; transition-duration: 0.3s; transition-timing-function: linear; }
.page_3 .bitem:first-child	{ padding-top: 0px; padding-bottom: 11px; }
.page_3	.bitem.filled:hover	{ background-color: black; color: white; }
.page_3	.bitem.filled:hover a	{ color: white; }
.page_3	.bitem.open:hover	{ background-color: white; }
.page_3	.bitem.filled.open:hover 	{ color: inherit; }
.page_3	.bitem.filled.open:hover a	{ color: inherit; }
.page_3 a:hover     { text-decoration: underline; }
.page_3 .filter 	{ padding: 0; margin: 0; }
.page_3 .filter li 	{ display: inline-block; margin-right: 15px; }
.page_3 .filter a 	{ text-decoration: underline; }
.page_3 .filter a.active:hover	{ color: rgb(0,47,255); }
.page_3 .filter a:hover			{ color: black; }

a.active 	{ font-weight: 700; color: black; }

.labien a 	{ color: black; text-decoration: none; }

figcaption 	{ font-size: 12px; line-height: 14px; color: rgb(118,118,118); margin-top: calc( 18px - 12px ); }
figcaption table 	{ width: 100%; height: calc( 2 * 18px ); }
figcaption td 		{ vertical-align: top; }
figcaption td+td	{ text-align: right; }

.carousel 			{ margin-bottom: calc( 3 * 18px ); }
.carousel-control	{ width: 30px; opacity: 0.9; }
.carousel-control:hover	{ opacity: 0.5; }
.carousel-control.left:hover,
.carousel-control.left 	{ left: 0px; background: inherit; }
.carousel-control.right:hover,
.carousel-control.right	{ right: 0px; background: inherit; }
.carousel-control .glyphicon-menu-left, 
.carousel-control .glyphicon-menu-right, 
.carousel-control .icon-next, 
.carousel-control .icon-prev { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; font-size: 30px; color: black; text-shadow: none; }
.carousel-control .glyphicon-menu-left	{ margin-left: -15px; }
.carousel-control .glyphicon-menu-right { margin-left: -15px; }

.plane-outer		{ background-color: rgb(202,202,202); margin: 0 15px; position: relative; width: calc( 100% - 30px); height: 0; padding-bottom: 50%; margin-bottom: 54px; }
.plane				{ position: absolute; height: 100%; width: 100%; }
.plane .carousel 	{ position: absolute; height: 100%; width: calc( 100% - 60px ); margin: 0 30px; padding: 0; }
.plane .carousel-inner		{ position: absolute; height: 100%; width: 100%; }
.plane .carousel-inner .item 	{ height: 100%; width: 100%; max-width: 100%; max-height: 100%; }
.plane .carousel-inner .item figure 	{ height: 100% ; width: 100%; }
.plane .carousel-inner .item figure img	{ height: 100%; width: auto; margin: auto; }
.carousel-indicators 	{ bottom: -40px; color: rgb(118,118,118); }
.carousel-indicators li 		{ margin: 1px 5px; width: 8px; height: 8px; border-radius: 8px; background-color: rgb(176,176,176); border: none; }
.carousel-indicators li.active	{ margin: 1px 5px; width: 8px; height: 8px; border-radius: 8px; background-color: black; border: none; }


.bold		{ font-weight: 700; }
/*.fifty		{ font-size: 50px; line-height: calc( 2 * 18px ); margin-top: -7px; margin-bottom: 5px; }*/
h1,h2,h3,h4 			{ margin: 0; }
h1.fifty,
.fifty		{ font-size: 50px; height: 38px; line-height: 38px; display: block; margin-bottom: 5px; }
h2			{ font-size: 24px; }
h1,
h3,h4		{ font: 700 15px/18px soleil, sans-serif; margin-bottom: 5px; }
.page_1 h3,h4  { margin-bottom: 10px; }
.grey 		{ color: rgb(118,118,118); }

#footer 	{ margin-top: calc( 3 * 18px ); }
#footer a:visited,
#footer a:link		{ color: black; text-decoration: none; }
#footer a:focus, 
#footer a:hover		{ background-color: inherit; color: rgb(0,47,255); }
#footer a	{ font-weight: 300; font-size: 12px; }
#footer a.active	{ font-weight: 700; }



.navbar-default { background-color: inherit; border: none; }

.nav>li>a:visited,
.nav>li>a:link		{ color: black; text-decoration: none; }
.nav>li>a:focus, 
.nav>li>a:hover		{ background-color: inherit; color: rgb(0,47,255); }
.nav>li.active>a	{ font-weight: 700; }

.nav.lang>li>a:visited,
.nav.lang>li>a:link 	{ color: rgb(118,118,118); }
.nav.lang>li>a:focus, 
.nav.lang>li>a:hover	{ background-color: inherit; color: rgb(0,47,255); }

@media ( max-width: 767px) {
	.container-fluid	{ padding: 0; }
	.labien 			{ padding: 0 15px; }
	.navbar-header 		{ margin: 0 15px; background-color: rgb(118,118,118); margin-top: 7px; }
	.navbar-collapse	{ border: none; background-color: black; margin: 0 15px; }
	.navbar-default .navbar-toggle				{ float: left; margin: 0; border: none; border-radius: 0; width: 100%; text-align: left; padding: 8px 7px 3px 7px; background-color: black; }
	.navbar-default .navbar-toggle:focus, 
	.navbar-default .navbar-toggle:hover		{ background-color: black; }
	.navbar-default .navbar-toggle:focus		{ outline: 3px solid white; }
	.navbar-default .navbar-toggle.collapsed 	{ background-color: rgb(118,118,118); }
	.navbar-default .navbar-toggle.collapsed:focus 	{ outline: 3px solid black; }
	.navbar-default .navbar-toggle .inline-icon-bar 	{ display: inline-block; margin-right: 13px; }
	.navbar-default .navbar-toggle .icon-bar	{ width: 24px; height: 4px; background-color: white; border-radius: 0; }
	.navbar-default .navbar-text 				{ font-weight: 700; color: white; margin: 1px 0 0 0; display: inline-block; vertical-align: top; }
	.navbar-default ul.menu 					{ padding-top: 4px; }
	.nav>li>a:visited,
	.nav>li>a:link		{ color: white; text-decoration: none; font-weight: 700; margin-left: 33px; padding: 11px 15px; }
	.nav>li>a:focus, 
	.nav>li>a:hover		{ color: rgb(118,118,118); }
	.nav.lang>li>a:visited, 
	.nav.lang>li>a:link		{ color: white; font-weight: 300; padding-top: 39px; padding-bottom: 7px; }
	.nav.lang>li>a:focus, 
	.nav.lang>li>a:hover	{ color: rgb(118,118,118); }
	.nav>li.active>a		{ color: rgb(118,118,118); }
	.col-xs-12.col-sm-10	{ margin: 0 -15px; }
	.page_3 .filter		{ height: 28px; position: relative; }
	.page_3 .filter li 	{ position: absolute; width: 100%; display: inline-block; margin: 0px; color: white; width: 50%; }
	.page_3 .filter li+li { right: -30px; }
	.page_3 .filter a 	{ text-decoration: underline; color: white; background-color: rgb(0,47,255); padding: 5px 8px; display: inline-block; width: 100%; }
	.page_3 .filter a.active:hover	{ background-color: rgb(0,47,255); color: white; }
	.page_3 .filter a:hover			{ background-color: black; color: white; }
	.page_3 .filter a.active 	{ text-decoration: underline; color: white; background-color: black; padding: 5px 8px; }
	.carousel { margin-bottom: calc( 0 * 18px ); }
}

@media ( min-width: 768px ) and ( max-width: 991px ) {
	.nav>li 		{ display: inline-block; }
	.nav>li>a 		{ padding-top: 32px; padding-bottom: 13px; }
}

@media (min-width: 768px) {
	.header-spacer,
	nav 	{ margin-top: 0px; position: relative; }
	ul.lang	{ position: absolute; top: 7px; right: 15px; }
}

@media (min-width: 992px) {
	body 	{ padding-top: 39px; }
	nav 	{ margin-top: 101px; }
	.header-spacer	{ margin-top: 299px; }

	.nav>li>a 	{ padding: 0 15px 1px 15px; }
	.labien 	{ margin-bottom: calc( 8 * 18px ); }
	ul.lang { position: absolute; top: auto; bottom: calc( -2 * 19px ); left: 15px; }
}

@media (min-width: 1200px) {
	.labien 			{ margin-bottom: calc( 9 * 18px ); }
	.container-fluid	{ margin-left: 0; max-width: 1400px; }
}