@charset "utf-8";

/* CSS Document */



/*font-family: 'Quattrocento Sans', sans-serif;*/



body {

 font-family: "Quattrocento Sans",sans-serif;

 font-size: 15px;

}



.mb10 {

 margin-bottom: 10px;

}


.margin-top-30{

	margin-top:30px;

}


h2.prix{

	margin-bottom:25px;

}


h1 {

 border-bottom: 2px solid #fff;

 color: #fff;

 font-size: 25px;

 margin: 0 0 10px;

 padding: 0 0 10px;

}



a:hover, a:focus {

 text-decoration: none;

}



img{

	max-width:100%;

}



.img-size {

 background: none repeat scroll 0 0 #fff;

 display: inline-block !important;

 height: 0;

 padding-bottom: 100%;

 position: relative;

 width: 100% !important;

}



.img-size div {

 background-size: contain !important;

 bottom: 1%;

 left: 1%;

 position: absolute;

 right: 1%;

 top: 1%;

}


/*HEADER*/

header {

 background: url("../images/bg-header.jpg") scroll 0 0 rgba(0, 0, 0, 0);

}



.img-header img {

 margin-top: -298px;

 position: relative;

 display:none;

}



.logo-header {

 margin-top: 10px;

}



.header-text {

	text-align: left;

	color: #FFF;

	font-size: 24px;

	text-shadow: #000 2px 2px 2px;

}



.header-text h1 {

	margin-top: 60px;

}



.facebook img {

	background:none;

}



.webo {

	transition: all 0.3s ease 0s;

}

.webo:hover {

	opacity:0.2;

}



header .facebook img {

 margin-top: -5px;

 margin-left: 11px;

}



header a.facebook {

	color: #fff;

}



footer .facebook img {

 margin-top: 7px;

 margin-right:10px;

}



/*NAVIGATION*/

.navbar {

 max-height: 62px;

}

.navbar-default {

 background: none repeat scroll 0 0 #111111;

 border: medium none;

}



.navbar-nav > li > a {

	font-size: 22px;

	line-height: 32px;

}



.navbar-default .navbar-nav > li > a {

 background: none repeat scroll 0 0 #111;

 color: #fff;

}



.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {

 background-color: #111;

 color: #f608ac;

}



.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {

 background-color: #f608ac;

 color: #fff;

}



.navbar-toggle {

 background-color: #111;

 border-color: #fff;

 border-radius: 0;

}



.navbar-default .navbar-toggle .icon-bar {

 background-color: #fff;

}



.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

 background-color: #f608ac;

}



.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

 background-color: #111;

 color: #f608ac;

}



.nav.navbar-nav.navbar-right {

 background: none repeat scroll 0 0 #111;

 margin-top: -12px;

}



.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {

 background-color: #fff;

 color: #f608ac;

}



.navbar-right .dropdown-menu {

 left: 0;

 right: auto;

}

.dropdown-menu {

 background-color: #111;

 border: medium none;

 border-radius: 0;

 font-size: 18px;

 left: 0;

 padding: 5px 0;

  box-shadow: none;

}



.dropdown-menu > li > a {

 color: #fff;

}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {

  background-color: #F608AC;

  color: #fff;

  outline: 0 none;

  text-decoration: none;

}

.container-parallax {

 margin-left: auto;

 margin-right: auto;

}



.container-bg-parallax {

 background-color: rgba(246, 8, 172, 0.25);

 height: 330px;

 margin-left: auto;

 margin-right: auto;

 margin-top: -80px;

 padding-top: 65px;

}



.container-bg-parallax h3 {

 font-size:32px;

 text-shadow: 1px 1px 1px #000;

}



.punch {

 background: url("../images/bg.jpg") no-repeat fixed bottom center rgba(0, 0, 0, 0);

 color: #fff;

 font-size: 24px;

 height: 330px;

 line-height: 30px;

 padding: 80px 0;

 text-align: center;

}



.punch p {

 padding-bottom: 20px;

}



.punch a {

 background-color:#000;

 border: 2px solid #000;

 color: #fff;

 font-size: 17px;

 padding: 7px 12px;

}



.punch a:hover {

 background:none;

 color: #000;

 text-shadow: none;

}



.realisations{

	margin-top: 30px;

}



.realisations h2 {

 color: #111;

 text-align: center;

 font-weight:bold;

 font-size:36px;

}



.realisation-item {

 margin-bottom: 30px;

}



.realisation-item img {

 border: 2px solid #fff;

}



.realisation-item img:hover {

 border: 2px solid #f608ac;

}



.joindre-time {

  height: 50px;

  margin-bottom: 35px;

}



#Myform {

  margin-top: 50px;

}



.formulaire {

  border: 1px solid #ccc;

  color: #111;

  margin-top: 10px;

  padding: 8px 2%;

  width: 98%;

}



.formulaire:hover {

  border: 1px solid #f608ac;

}



.message {

  height: 89px;

}



.submit {

  background: none repeat scroll 0 0 #111;

  border: medium none;

  color: #fff;

  padding: 8px 40px;

  margin-top: 10px;

  transition: all 0.3s ease 0s;

}



.submit:hover {

  background: none repeat scroll 0 0 #f608ac;

}



.alert-success {

  color: #000;

  background-color: #F34DCB;

  border-color: #F608AC;

}



.profil {

 background: url("../images/pattes-profil-sm.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);

}



.border {

 border-bottom: 3px dotted #f608ac;

 padding-bottom: 45px;

}



.bg-rose.col-md-3 {

 background: none repeat scroll 0 0 #f608ac;

 color: #fff;

 margin: 1%;

 min-height: 131px;

 padding-top: 5px;

 text-align: center;

}

.bg-rose ul {

 padding: 0;

}



.bg-rose ul li{

	list-style:none;

}



.autres-services{

 margin-bottom: 20px

}



.btn-voir {

  border: 2px solid #111;

  color: #111;

  float: right;

  margin-bottom: 20px;

  padding: 10px 15px;

}



.btn-voir:hover{

	border:2px solid #f608ac;

	color:#f608ac;

}



.joindre ul {

  margin-top: -25px;

  margin-bottom: 30px;

}



.joindre ul li {

  list-style: outside none none;

  margin-left: 25px;

}



.glyphicon-time {

  font-size: 45px;

  margin-right: 10px;

  vertical-align: top;

  float:left;

}

.glyphicon-thumbs-up {

  font-size: 45px;

  margin-right: 10px;

  vertical-align: top;

  float:left;

}

.glyphicon-hand-right {

  font-size: 45px;

  margin-right: 10px;

  vertical-align: top;

  float:left;

}



.carte-affaire{

  margin-top: 25px;
  margin-bottom: 25px;

}



.carte-affaire img {

  float: right;

}



.google-maps {

  height: 300px;

  margin-bottom: -45px;

  overflow: hidden;

  position: relative;

}



.google-maps iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100% !important;

    height: 100% !important;

}



.border-map {

  border-top: 3px solid #f608ac;

  margin-bottom: -30px;

  position: relative;

  z-index: 1;

  margin-top: 50px;

}

.arrow-down {

	width: 0; 

	height: 0; 

	border-left: 30px solid transparent;

	border-right: 30px solid transparent;	

	border-top: 30px solid #f608ac;

	margin: 0 auto;

}  



.footer-top {

 background: none repeat scroll 0 0 #111;

 border-bottom: 2px solid #fff;

 border-top: 2px solid #F608AC;

 color: #fff;

 font-size: 24px;

 margin-top: 45px;

 padding-bottom: 10px;

 padding-top: 25px;

 text-align: center;

}



.footer-bg{

	background:url(../images/bg-header.jpg) repeat-x;

	height:40px;

}



footer {

 background: none repeat scroll 0 0 #111;

 border-bottom: 2px solid #fff;

 color: #fff;

 font-size: 18px;

 padding-top: 25px;

 padding-bottom: 15px;

}



.footer-container {

 background: url("../images/patte-footer.png") no-repeat scroll right center rgba(0, 0, 0, 0);

 margin: 0 auto 30px;

}



footer ul {

 display: none;

}



.copyright {

 background: none repeat scroll 0 0 #111;

 color: #fff;

 padding: 25px 0;

 text-align: center;

}



@media (min-width: 992px) {

	.img-header img {

	 display: block;

	}

	

	.logo-header.col-md-7 {

	 float: right;

	}

	

	.logo-header {

	 text-align: right;

	}

	

	h1 {

	 font-size: 40px;

	 margin-top: -25px;

	 text-align: left;

	}

	

	.punch {

	 font-size: 36px;

	 line-height: 38px;

	 padding: 80px 0;

	}



	.punch a {

	 font-size: 24px;

	}



	.bg-rose.col-md-3 {

		width:23%;

		font-size: 13px;

	}

	

	.copyright .col-md-9 {

	 margin-top: 10px;

	 text-align: left;

	}

	

	.copyright .col-md-3 {

	 text-align: right;

	}

	

	.submit {

	  margin-top: 62px;

	}	

	

	

}





@media (min-width: 1200px) {

	header {

	 height: 323px;

	}

	.desktop{

	display: initial;

	}

		

	.view p.plus {

	 background: none repeat scroll 0 0 #000;

	 bottom: -20px;

	 padding: 20px;

	 position: absolute !important;

	}

	

	.bg-rose.col-md-3 {

		font-size: 15px;

	}

	

	footer ul {

	 display:inherit;

	}

	

	footer ul li {

	 display: inline;

	 font-size: 16px;

	 padding: 8px;

	 text-align: center;

	}

	footer ul li a{

		color:#FFF;

	}

	footer ul li a:hover{

		color:#f60aad;

	}

	

}