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

body {
	background: #f5f5f5;
	overflow-x: hidden; 
	font-family: 'Open Sans', sans-serif;
}

.c-layout-header.c-layout-header-4 .c-navbar {
	background: url(../images/tractopelle.png) #2d94bf;
	background-position: left;
	background-repeat: no-repeat;
	background-size: contain;
}

.navbar-nav>li>a {
	font-family: 'Bree Serif', serif;
	font-size: 18px!important;
}

@media (min-width: 992px) {
	.c-layout-header .c-brand {
		margin: 5px 0;
	}
}

@media (min-width: 992px) {
	.c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-brand {
		transition: margin 0.2s;
		margin: 2px;
	}
}

.c-logo {
	padding: 5px 0;
	color: #2d2d2d;
	line-height: 75px;
	font-size: 30px;
	font-weight: 700;
	font-family: 'Bree Serif', serif;
}

.c-logo:hover {
	color: #fff;
}

a:active, a:hover, a:focus {
	color: #2d2d2d;
}

::selection {
	background-color: #2d2d2d;
	color: #f5f5f5;
}

h1 span {
	color: #000
}

footer .logo {
	color: #fff;
	text-align: center;
}

.c-navbar {
	border-bottom: 5px solid #2d2d2d;
}

.logo {
	line-height: 60px;
	font-weight: 700;
	margin: 0;
}

.presentation {
	background: url(../images/presentation.png);
	background-position: bottom;
	background-size: cover;
}

.contacter {
	background: url(../images/finpresentation.png);
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
}

.portfolio-item,
.portfolio-filter {
	list-style: none;
}

.portfolio-filter,
.portfolio-filter li {
	display: inline-block;
}

/*.portfolio-item img {
	margin-bottom: 20px;
}*/

.services p,
.services h2,
.services ul li {
	color: #fff;
}

h1,
.logo {
	font-size: 28px;
	font-family: 'Bree Serif', serif;
}

h2 {
	font-size: 24px;
	font-family: 'Bree Serif', serif;
}

.noir {
	background: #2d2d2d;
}

.c-content-feature-2 .c-title {
	color: #2d2d2d;
}

.c-theme-bg,
.c-content-title-1 > .c-line-right, .c-content-title-1 > .c-line-left {
	background-color: #2d2d2d!important;
}

.c-theme-border {
	border-color: #000!important;
}

.c-theme-btn.btn {
	background: #2d2d2d;
	border-color: #2d2d2d;
}

.c-layout-go2top > i {
	color: #2d2d2d;
	opacity: 0.8;
}

.c-theme-nav li:focus > a:not(.btn), .c-theme-nav li:active > a:not(.btn), .c-theme-nav li:hover > a:not(.btn),
.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav .active a {
	color: #2d2d2d!important;
	background: #2d94bf;
	border-radius: 20% 20% 0 0;
}

.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover {
	color: #2d2d2d!important;
}

p {
	font-size: 18px;
}

hr {
	width: 30px;
	height: 3px;
	background-color: #2d2d2d;
	margin: 20px auto 30px auto;
}

.services .c-content-feature-2 {
	background: transparent;
	padding: 50px;
	display: inline-block;
}

.services h2 {
	transition: all .5s ease-in-out;
	display: inline-block;
	vertical-align: middle;
	padding: 0 40px;
	font-size: 32px;
}

.services ul {
	list-style-type: none;
	padding-left: 60px;
}

.services ul li {
	font-weight: 600;
	font-size: 18px; 
	color: #fff;
}

.c-theme-btn.btn.btn-no-focus:hover, .c-theme-btn.btn:hover, .c-theme-btn.btn.btn-no-focus:active, .c-theme-btn.btn:active, .c-theme-btn.btn.active, .open > .c-theme-btn.btn.dropdown-toggle {
	background-color: #f5f5f5;
	border-color: #2d2d2d;
}

.c-layout-footer.c-layout-footer-2 {
	background: #2d94bf;
}

.c-layout-footer.c-layout-footer-2 .c-copyright {
	color: #fff;
}

.firstS {
	padding-top: 100px;
}

.sectionContact {
    background: url(../images/contact.png);
    background-size: contain;
    padding: 150px 100px;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
}

.sectionContact p {
	color: #fff;
}

footer p,
footer ul li a,
footer ul li {
	color: #fff;
}

.c-layout-footer.c-layout-footer-2 .c-copyright {
	color: #a4aeb8;
	padding: 0;
	margin: 50px 0 -60px 0;
}

.c-copyright {
	color: #fff;
}

.c-copyright p {
	margin-top: 20px;
}

.subfooter {
	background: #2d2d2d;
	padding: 20px 0;
}

#feature-15-2 {
	background: #2d2d2d;
}

.c-bg-white {
	background: #fff;
}

.c-page-on-scroll .c-layout-header-4 .c-navbar {
	border-bottom: 2px solid #2d2d2d;			
}

.c-content-feature-2 .c-icon-wrapper {
	padding-top: 0;
}


.checkbox label, .radio label, .c-checkbox label, .c-radio label{color: #ffffff;}

.img-responsive {
	margin: 0 auto;
}

@media screen and (max-width: 991px) {
	.c-logo {
		font-size: 24px;
		padding: 0;
	}

	.carousel-caption h3 {
		font-size: 35px; 
	}

	.carousel-caption p {
		font-size: 25px;
	}

	.carousel-inner > .item > img, .carousel-inner > .item > a > img {
		height: auto;
		margin-top: 60px;
	}

	.carousel-caption {
		bottom: 30%;
	}

	.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li > .c-link {
		color: #2d2d2d;
	}

	.firstS {
		padding-top: 65px;
	}

}

.c-content-feature-2 {
	padding: 0;
}

.c-content-feature-2 h3 {
	padding: 10px 20px;
	background: transparent;
}

.c-content-feature-2 p {
	padding: 20px;
}

.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
	color: #fff!important;

}

.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
	padding: 40px 25px 40px 25px;
	min-height: 100px;
	color: #fff;
}

.nopadding {
	padding: 0 15px;
}

.imageSympa img {
	clip-path: polygon( 5% 0%, 100% 0%, 95% 100%, 0 100%)
}

.padpad {
	padding: 20px 30px;
}

.arrow {
	font-size: 40px;
	font-weight: 700;
	color: #2d2d2d;
	padding: 0 10px;
}

.portfolio-items {
	margin-left: 50px;
}

.portfolio-filter .btn-default.btn-no-focus:hover, .btn-default:hover, .btn-default.btn-no-focus:active, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
	background: #2d2d2d;
	border-color: #2d2d2d;
	color: #fff!important;
}

.portfolio-filter .btn-default {
	color: #2d2d2d;
}

.portfolio-item .item-inner {
	background: transparent;
}

@media screen and (max-width: 991px) {

	.c-layout-header .c-navbar .c-mega-menu {
		margin-top: 30px;
	}

	.garantie {
		width: 65px;
	}

	.carousel-caption {
		clip-path: none;
	}
}

.phrase {
	color: #fff;
	background: #2d94bf;
	text-align: center;
	padding: 10px 0;
	font-family: 'Bree Serif', serif;
	font-weight: 700;
}

.carousel-inner {
	height: auto;
}

.carousel-caption {
	bottom: 50%;
	border-radius: 50px;
}

.carousel-caption h3 {
	font-size: 60px;
	color: #fff;
	text-transform: capitalize;
	font-family: 'Bree Serif', serif;
	font-weight: 700;
	background: #2d94bf;
	padding: 5px;
	margin-bottom: 0;
}

.carousel-caption span {
	font-size: 100px;
}

.carousel-caption h4 {
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-family: 'Bree Serif', serif;
	background: #2d2d2d;
	padding: 15px;
}

.carousel-caption p {
	font-size: 20px;
	color: #2d2d2d;
	text-transform: uppercase;
	font-weight: 600;
	background: #2d2d2d;
	padding: 15px;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	display: block;
	height: auto;
	min-width: 100%;
	width: 100vw;
	max-width: 100%;
	line-height: 1;
}

.carousel-control.right {
	background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,#333 100%);
	background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,#333 100%);
	background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,#333 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

.carousel-control.left {
	background-image: -webkit-linear-gradient(right,rgba(0,0,0,.0001) 0,#333 100%);
	background-image: -o-linear-gradient(right,rgba(0,0,0,.0001) 0,#333 100%);
	background-image: linear-gradient(to left,rgba(0,0,0,.0001) 0,#333 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

.carousel-control {
	opacity: 1;
}

.carousel-control span {
	color: #2d94bf;
}

#Accueil .c-content-feature-10 p {
	padding-left: 10px;
	margin-top: 60px;
}

td {
	border: 1px solid #fff;
	color: #fff;
	padding: 10px;
}

@media (min-width: 992px) {
	.c-layout-header-fullscreen .c-layout-page, .c-layout-header-fullscreen.c-layout-header-fixed.c-layout-header-topbar .c-layout-page {
		margin-top: 100px;
	}
}

.cookie{background: rgba(0,0,0,0.8); color: #ffffff;}
.cookie p{margin-top: 10px; cursor: pointer}
.subfooter{padding-bottom: 95px;}
@media(min-width: @screen-sm){
	.subfooter{padding-bottom: 45px}
}

#Contact .panel-body.bg-danger ul li,
#Contact .panel-body.bg-danger ul li label,
#Contact .panel-body.bg-success p {
	color: black !important;
}

@media (max-width: 1200px) {
	.sectionContact {
		padding: 0 20px;
		background: #2d94bf;
	}
}


@media (max-width: 1100px) {
	.c-layout-header.c-layout-header-4 .c-navbar {
		background: #2d94bf;
	}
}

@media (max-width: 991px) {
	.c-content-box > .container-fluid {
		padding: 0 20px;
	}

	.services .c-content-feature-2 {
		padding: 0;
	}

	td {
		padding: 5px;
	}

	.tarteaucitronOpenPanel {
		font-size: 10px;
	}

	.c-logo {
		line-height: 1;
		font-size:18px;
	}

	.carousel-inner {
		height: auto;
	}

	.carousel-caption p {
		font-size: 10px;
	}

	.carousel-caption h3 {
		font-size: 20px;
	}

	.carousel-caption {
		bottom: 10%;
	}

	.services ul {
		padding: 0;
	}

	.c-layout-footer.c-layout-footer-2 {
		padding: 40px 0;
	}

	.portfolio-items {
		margin-left: 0;
		padding-left: 0;
	}

	.portfolio-filter {
		padding-left: 0;
	}

	.checkbox label {
		font-size: 14px;
	}

	.c-theme-nav li:focus > a:not(.btn), .c-theme-nav li:active > a:not(.btn), .c-theme-nav li:hover > a:not(.btn), .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav .active a {
		border-radius: 0;
	}
}