/** Please add your Custom CSS here **/

.navbar-default {
	background-color: #000;
	border-color : #c9c8ff;
	z-index : 3000;
}

.lucida {
	font-family : 'Lucida Handwriting';
	color: unset;
}

.caret {
	margin-left : 7px;
}

@media (min-width: 768px){
	.container > .navbar-header {
		text-align: center;
		width : 100%;
	}
}

@media (min-width: 992px) {
	.container  > .navbar-header {
		text-align: left;
		width : 15%;
	}
}

.hero-header {
	/*background-image : url("../img/LogoOpacity50.png");*/
	text-align: center;
    color: #fff;
	margin : 0 auto;
}

.page-section {
	padding :unset;
}

footer {
	z-index : 2000;
    width: 100%;
    position: absolute;
	background-color: #000;
	
}

footer p, footer a {
	color: #c9c8ff;
}

.btn-primary:hover {
    color: #fff;
    background-color: #c9c8ff;
    border-color: #ffccaa;
    outline: none;
}

.btn-primary:active {
    color: #fff;
	font-weight : bold;
    background-color: #ffccaa!important;
    border-color: #ffccaa;
    outline: none;
}

@media (min-width: 604px) {
	footer .col-md-3 {
		float: left;
    width: 50%;
    padding-left: 75px;
	}
}

@media (min-width: 992px) {
	footer .col-md-3 {
		width: 25%;
	}
}

@media (min-width: 768px) {
	#sous-menu-zone {
		overflow-y: scroll;
		overflow-x: hidden;
	}
}

@media (max-width: 500px) {
	.title-section {
		font-size: 35px;
	}
}
/* width */
nav.navbar-collapse::-webkit-scrollbar, #sous-menu-zone::-webkit-scrollbar {
  width: 12px;
}

/* Track */
nav.navbar-collapse::-webkit-scrollbar-track, #sous-menu-zone::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
}
 
/* Handle */
nav.navbar-collapse::-webkit-scrollbar-thumb , #sous-menu-zone::-webkit-scrollbar-thumb {
  background: #c9c8ff; 
}

.navbar-toggle {
	margin-top: 30px;
}
.navbar-toggle .icon-bar {
    width: 30px;
    height: 4px;
}
.navbar-nav {
    margin-top: 25px;
}
/* ACCUEIL
/* ------------------------------------------ */

#img-logo-accueil img {
	width: 500px;
}
.intro-lead-in h1 {
	font-size: 30px;
	color : #000;
	margin-bottom: 30px;
}

.intro-lead-in p {
	font-size: 20px;
	background-color: #c9c8ff;
	color : #fff;
	font-style: unset;
    line-height: 40px;
	margin-bottom: 30px;
}

#deroulement {
	background-color : #c9c8ff;
}

#deroulement p {
	color : #FFF;
	
}

#accompagnement {
	padding-top: 20px;
	padding-bottom: 20px;
}

#intro .col-md-12 {
	padding-top: 20px;
}

@media (max-width: 768px) {
	#more-details {
		display : none;
	}
}

@media (max-width: 550px) {
	#img-logo-accueil img {
		width: 300px;
	}
}

/* PRESENTATION
/* ------------------------------------------ */
#img-sindy img {
	box-shadow: 10px 10px 20px rgba(201,200,255, 1);
	margin-bottom: 20px;
}
/* PRESTATIONS
/* ------------------------------------------ */

#details-prestations {
	top :85px;
	margin-bottom: 100px;
}

#details-prestations .col-md-12 {
	padding-top: 20px;
	padding-bottom: 20px;
}

#details-prestations .col-md-12 h2 {
	font-size: 1.6em;
	color: #c9c8ff;
}

#details-prestations .col-md-12 .title-underline-center {
	background-color: #c9c8ff;
}


 /* Contact
/* ------------------------------------------ */

.form-control {
	color : #000;
}
section.contact {
	margin-top: 150px;
}
.adresse-sindy-sophrologie p.lead {
	float: left;
}
#img-logo-contact {
	float: right;
}
#img-logo-contact img {
	width: 200px;
}
#form-contact, #result-contact {
	clear: both;
	padding-top: 20px;
}
.adresse-sindy-sophrologie i {
	padding-right : 10px;
}
#result-contact {
	text-align : center;
}

#result-contact i.fa {
	font-size  : 2em;
}

button {
	margin-top : 5px;
}

button i.fa-paper-plane {
	padding-left : 10px;
}
.form-error {
	border : 1px solid red;
}
#error-antispam {
	color : red;
}

@media (max-width: 992px) {
	.contact > div.container > div.row, .zone > div.container > div.row{
		margin-top : 50px;
	}
}

@media (max-width: 767px) {
	.contact > div.container > div.row, .zone > div.container > div.row {
		margin-top : 5px;
	}
}

@media (max-width: 550px) {
	.adresse-sindy-sophrologie p.lead {
		float: unset;
	}
	#img-logo-contact {
		float: unset;
	}
	.adresse-sindy-sophrologie {
		text-align: center;
	}
}

 /* Mentions - 404
/* ------------------------------------------ */
.page404 , .mentions-sindy-sophrologie {
	padding-top : 100px;
	padding-bottom : 50px;
}
.mentions-sindy-sophrologie i {
	padding-right : 10px;
}