@import url(https://fonts.googleapis.com/css?family=Open+Sans);
/* Padding */

.p-r-0 { padding-right: 0 }
.p-l-0 { padding-left: 0 }
.m-r-0 { margin-right: 0 }
.m-l-0 { margin-left: 0 }
.p-r-5 { padding-right: 5px }
.p-l-10 { padding-left: 10px }
.p-l-20 { padding-left: 20px }
.p-l-30 { padding-left: 30px }
.p-5 { padding: 5px }
.p-10 { padding: 10px }
.p-15 { padding: 15px }
.p-20 { padding: 20px }
.p-t-10 { padding-top: 10px }
.p-t-15 { padding-top: 15px }
.p-t-20 { padding-top: 20px }
.p-b-10 { padding-bottom: 10px }
.p-b-15 { padding-bottom: 15px }
.p-b-20 { padding-bottom: 20px }
/* Margin */

.m-10 { margin: 10px }
.m-15 { margin: 15px }
.m-20 { margin: 20px }
.m-t-5 { margin-top: 5px }
.m-t-10 { margin-top: 10px }
.m-t-15 { margin-top: 15px }
.m-t-20 { margin-top: 20px }
.m-b-10 { margin-bottom: 10px }
.m-b-15 { margin-bottom: 15px }
.m-b-20 { margin-bottom: 20px }
/* **************************************************** */

body {
	background: #000 url(../img/dark_dotted.png) repeat 0 0;
	color: #666666;
	font-family: 'Open Sans', sans-serif;
}
.container.blanc {
	padding: 15px;
	background-color: #d8e5f0;
	border: 1px solid #d8e5f0;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
a { color: #666666; }
a:hover, a:focus {
	color: #000;
	text-decoration: none
}
footer a:hover, a:focus {
	color: #fff;
	text-decoration: none
}
.carousel { height: 493px; }
.carousel.mini { height: 253px; }
.carousel-inner, .carousel-inner > .item { height: 100%; }
.fill {
	width: 100%;
	height: 100%;
	background-position: top;
	background-size: cover;
}

@media (max-width: 767px) {
.carousel { height: 200px; }
}
.navbar-nav.visible-xs>li { float: left; }
#menu > li { text-transform: uppercase }
#fb-root { display: none; }
.embed-container, .embed-container iframe, .embed-container object, .embed-container embed, .embed-container iframe[style] { width: 100% !important; }
footer {
	background: #000;
	margin-top: 20px;
	padding: 10px 0;
}
.titre {
	background: url(../img/ico_ca.png) 0 50% no-repeat;
	padding-left: 80px;
	color: #000
}
.btn-black {
	color: #FFF;
	background-color: #000;
	border-color: #000;
}
.btn-black:hover {
	color: #FFF;
	background-color: #222222;
	border-color: #222222;
}
.label-black { background-color: #000; }
.navbar-nav>li>a.ico-soundcloud {
	background: url('../img/ico_soundcloud.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 40px;
	height: 17px;
	padding: 0;
	margin-top: 15px;
}
.navbar-nav>li>a.ico-soundcloud:hover {
	background-position: 0 -17px;
	background-repeat: no-repeat;
}
.panel {
	background: none;
	box-shadow: none;
	border: none
}
.pagination>li>a, .pagination>li>span {
	color: #fff;
	background-color: #000;
	border: 1px solid #000;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
	color: #fff;
	background-color: #428BCA;
	border-color: #428BCA;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	color: #fff;
	background-color: #428BCA;
	border-color: #428BCA;
}
.pagination>li.disabled { display: none; }
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { background-color: #000; }
hr {
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0;
	border-top: 1px solid #000;
}
.page-header {
	padding-bottom: 9px;
	margin: 20px 0;
	border-bottom: 1px solid #000;
}
div.dpSocialTimeline * {
	-webkit-box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	box-sizing: content-box !important;
}
