@charset "utf-8";
/* CSS Document */

/* Prevent IE Mobile 10 Issue */
@-webkit-viewport {
  width: device-width; }
@-moz-viewport {
  width: device-width; }
@-ms-viewport {
  width: device-width; }
@-o-viewport {
  width: device-width; }
@viewport {
  width: device-width; }


/*Global Styles*/

body {
	background-color:#fff;
	color:#333;
	font-family: 'Sintony', sans-serif;
	min-height: 100%;
	/*background: url(../img/butterfly.jpg) no-repeat top left fixed; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

h1,h2,h3,h4 {color:#000;}
h1,h2 {font-family: 'Playfair Display', serif;font-size:36px;text-transform:uppercase;}
h2 {font-size:31px;}
h3 {font-size:26px;text-transform:uppercase;}


.white {color:#333;}
.blue {color:#7c3f65;}
.light {color:#fff;}
.whited-block, .bloc-service {border:1px solid #333;padding:40px;}
.whited-block h2 {margin:0}
.whited-block h3 {font-size:14px;margin:0}

.purple-block {background:#7c3f65;padding:40px;}
.grey-block {border:0px solid #f5f5f5;padding:40px;}
.bwhite {background:#fff;}

.white-button {display:table;border:1px solid #333;color:#333;margin-top:25px;padding:8px 40px;width:auto;margin-left:auto;margin-right:auto;text-transform:uppercase;font-size:14px;}
.white-button i {font-size:20px;}
.white-button:hover, .white-button:focus, .white-button:active {border:1px solid #7c3f65;color:#7c3f65;}

.blue-button {display:table;border:1px solid #7c3f65;color:#7c3f65;background:transparent;font-family: 'Sintony', sans-serif;margin-top:25px;padding:15px 40px;width:auto;margin-left:auto;margin-right:auto;text-transform:uppercase;font-size:14px;}
.blue-button:hover, .blue-button:focus, .blue-button:active {border:1px solid transparent;color:#fff;background:#7c3f65;}

.fblue-button {display:table;border:1px solid #7c3f65;color:#fff;background:#7c3f65;font-family: 'Sintony', sans-serif;margin-top:25px;padding:15px 40px;width:auto;margin-left:auto;margin-right:auto;text-transform:uppercase;font-size:14px;}
.fblue-button:hover, .fblue-button:focus, .fblue-button:active {border:1px solid #7c3f65;color:#7c3f65;background:#fff;}


.parisienne {font-family: 'Parisienne', cursive;}
.sintony {font-family: 'Sintony', sans-serif;}
.playfair {font-family: 'Playfair Display', serif;}

a {color:#333; outline:none;}
a:active, a:hover, a:focus {text-decoration:none;color:#7c3f65; outline:none;}

.right-go {position:fixed;right:25px;top:50%;margin-top:-52px;max-width:10%;z-index:999;}
.right-go i {font-size:105px;color:rgba(20,20,20,0.8)}
.right-go i:hover, .right-go i:focus, .right-go i:active {color:rgba(20,20,20,1)}
.right-go .parisienne {font-size:22px;}

.left-go {position:fixed;left:25px;top:50%;margin-top:-52px;max-width:10%;z-index:999;}
.left-go i {font-size:105px;color:rgba(20,20,20,0.8)}
.left-go i:hover, .left-go i:focus, .left-go i:active {color:rgba(20,20,20,1)}

.mtop60 {margin-top:60px;}
.mbot30 {margin-bottom:50px;}
.p40 {padding:40px;}

label {font-weight:400;}
.form-control {border-radius:0;border: 1px solid #000;color:#7c3f65;font-weight:400;}

/* Modales*/
.modal-content h3 {font-size:20px;text-transform:initial;}
.modal-content h1 {font-size:75px;}
.modal-content hr {border-top:1px solid #333;}
.modal-content {border-radius:0;border:none;background:rgba(255,255,255,0.99);color:#333;font-size:15px;font-weight:500;padding:20px 50px;}
.modal-dialog {margin: 0px auto;}
button.close {font-size:6em;position:fixed;top:5px;right:25px;z-index:99999;font-weight:100;outline:none;color: #333;text-shadow:none;}
button.close:hover, button.close:active, button.close:focus {color:#333;}

.modal-backdrop { background-color: #fff;}
.modal-backdrop.in {
    filter: alpha(opacity=90);
    opacity: .9;
}



/*Menu*/
.brand {position:fixed;width:75px;top:15px;left:50%;margin-left:-37.5px;}
/*.navbar-fixed-top {
    background: rgba(255,255,255,0.5);
    padding-bottom: 5px;
}*/
.navbar-fixed-top a {color:#333;text-transform:uppercase;}
.navbar-fixed-top a.active, .navbar-fixed-top li a:hover, .navbar-fixed-top li a:active, .navbar-fixed-top li a:focus {color:#7c3f65;min-height:54px;background:transparent;border-bottom:1px solid #7c3f65}

/* Position des contenus */
#home-content {
	position:fixed;
	height:440px;
	top: 50%;
	margin-top: -220px;
	width:100%;
}
/*#services-content {margin-top:10%;}*/

/*.branding {width:150px;position:fixed;bottom:15px;left:50%;margin-left:-75px;}*/
.branding {width:150px;position:fixed;bottom:15px;right:5%;}

/*Home*/
.home-logo {max-width:34%;height:auto;border:0px solid #333;}
.home-services {margin: 0 0 40px 0;}
#home-content h1 {font-size:95px;}
.start {height:90px;width:90px;text-align:center;line-height:85px;padding:0}
.white-button.start {border:1px solid #00;background-color:#000;color:#fff;}
.white-button.start:hover, .white-button.start:focus, .white-button.start:active {border:1px solid #7c3f65;background-color:#7c3f65;color:#fff;}
h2.slogan {color:#333;}
h2.services-list {line-height:normal; margin:0;font-size:14px;}
.home-services a {
	text-transform:uppercase;
	color:#333;
	text-decoration:none;
	font-size:14px;
	line-height:30px;
	padding:0 8.78px;
}
.home-services a:first-child{padding-left:0;}
.home-services a:last-child {padding-right:0;}

/* SERVICES */
h5.services-list {font-size:18px;color:#000;}
.services-list + ul {font-size:14px;}
.bloc-service {padding:35px;border:1px solid #7c3f65;}

/* PHILOSOPHIE*/
#philos-content .grey-block h1 {margin:30px 0;}
#philos-content .grey-block h2 {font-size:25px;}
.symbol {font-size:135px;text-transform:lowercase;}
#philos-content .grey-block h1 {}

/*ABOUT*/

/*AVIS CLIENTS*/
.testimonial {font-size:1.8em;color:#000;}

/*PORTFOLIO*/
figure h4 {margin-top:20px;}
.carousel-indicators {bottom:-50px;}
.carousel-indicators li {border:1px solid #333;background: #fff;}
.carousel-indicators .active {background: #333;}
.portfolio h2 {font-size:24px;text-align:center;text-transform:uppercase;}
.portfolio h5 {line-height:20px;}
.portfolio h5.text-justify {font-size:12px;text-transform:uppercase;}
.portfolio h3 {font-size:14px;font-weight:600;margin-bottom:18px;color:#555;}
.btn.closep {background:#000;color:#fff;padding:15px;text-align:center;border:1px solid #000;outline:none;}
.btn.closep:hover, .btn.closep:active, .btn.closep:focus {background:#fff;color:#000;}

/*RESPONSIVE*/
.navbar-toggle {border:1px solid black;border-radius:0;}
.navbar-toggle:hover, .navbar-toggle:active, .navbar-toggle:focus {background:#000;color:#fff;}
@media screen and (max-width:768px) {
	.navbar-header, .navbar-collapse {background: white;}
	.navbar-fixed-top a.active, .navbar-fixed-top li a:hover, .navbar-fixed-top li a:active, .navbar-fixed-top li a:focus {color:#7c3f65;min-height:0px;background:white;border-bottom:0px solid #7c3f65}
	#home-content .mobile-padding {padding-left:50px;padding-right:50px;}
	#home-content {top:40%;}
	.right-go, .left-go {top:50%;}
	.right-go i, .left-go i {font-size: 85px;}
	.mobile-padding {padding-left:80px;padding-right:80px;}
	.modal-content h1 {
    font-size: 55px;
	}
}
@media screen and (max-width:481px) {
	#home-content h1 {font-size: 75px;}
	.home-services a {font-size:12px;}
	h2 {font-size:25px;}	
}
@media screen and (max-width:479px) {
	#home-content h1 {font-size: 55px;margin-top:50px;}
	.right-go, .left-go {display:none;}
	.mobile-padding {padding-left:15px;padding-right:15px;}
	.branding {width:80px;}
	.modal-content .text-justify {text-align:left;}
}