/*STYLE GENERALE*/

body, html{
	font-family: 'Nunito', sans-serif;
}

/*changer la couleur des placeholder*/
::-webkit-input-placeholder {
    color:    #3db39e;
}
:-moz-placeholder {
    color:    #3db39e;
   opacity:  1;
}
::-moz-placeholder {
    color:    #3db39e;
   opacity:  1;
}
:-ms-input-placeholder {
    color:    #3db39e;
}

/*changer la couleur surligne texte*/
*::selection {
background:#3db39e;;
color:#fff;
}

*::-moz-selection {
background:#3db39e;;
color:#fff;
}

*::-webkit-selection {
background:#3db39e;;
color:#fff;
}

/*COLOR*/
.color-green{
	color:#3db39e
}

.color-blue{
	color:#3C5764;
}

.color-orange{
	color:#df5a48
}

/*BURGER*/
.navbar-inverse .navbar-toggle{
	border:none
}

.navbar-toggle{
	background-color:#fff
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color:#3db39e;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
	background-color:#ccc
}


/*HEADER*/
header .navbar{
	margin:0
}

header .navbar-inverse{
	background-color:#3DB39E;
	border:none
}

header .navbar-brand{
	width:168px;
	position:relative;
}

header .navbar-brand span{
	position:absolute;
	left:0;
	top:0;
	padding: 0 0 2rem 3rem;
	background-color:#3DB39E;
	border-radius: 0 0 8rem 8rem;
	overflow:hidden
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    background-color:transparent;
	color:#ffed53;
}

header .navbar-inverse .navbar-nav > li.active a{
	background:none
}

header .navbar-inverse .navbar-nav > li > a{
	color:#fff;
	font-weight:700;
	font-size:1.8rem;
	transition:all ease 0.2s;
	position:relative;
}

header .navbar-inverse .navbar-nav > li > a:hover, header .navbar-inverse .navbar-nav > li.active a{
	color:#ffed53;
}

header .navbar-inverse .navbar-nav > li > a:hover::after, header .navbar-inverse .navbar-nav > li.active::after {
    background-image: url("../img/nav_arrow.png");
    background-size: 14px 7px;
    bottom: 0;
    content: "";
    height: 7px;
    left:0;
	right:0;
	margin:0 auto;
    position: absolute;
    width: 14px;
}

/*ACCUEIL*/
#bandeau img{
	width:100%
}

#philosophie h1{
	font-size:4rem;
	margin:2rem 0 3rem 0;
}

#philosophie figure figcaption{
	font-size:3rem;
	margin:1rem 0 4rem 0;
}

#philosophie p{
	font-size:1.6rem;
	line-height:2rem;
	margin-bottom:2em;
}

#prestation{
	background:url(../img/background_prestation.jpg) no-repeat 0 0;
	background-size:cover;
	padding:5rem 0
}

#prestation h3{
	margin:1rem 0 5rem 0;
}

#prestation h4{
	font-size:2rem
}

#prestation p{
	background-color:#fff;
	border:solid 1px #df5a48;
	padding:2rem
}

/*CONTACT*/
#contact{
	background:url(../img/img_contact2.jpg) no-repeat 0 0;
	background-size:cover
}

#contact{
	padding:10rem 1.5rem
}

#contact p{
	color:#2c3e50;
	line-height:1.6rem
}

#contact p+p{
	margin-top:5rem
}

#contact form input{
	margin-bottom:2rem;
	border:solid 1px #3db39e;
	padding: 0.7rem 1rem;
	background-color:#fff;
	width:100%
}

#contact form textarea{
	resize:none;
	width:100%;
	border:solid 1px #3db39e;
	padding: 0.7rem 1rem;
	background-color:#fff
}

#contact form #envoyer{
	width:auto;
	padding:1rem 4rem;
	margin-top:1rem;
	background-color:#3db39e;
	color:#fff;
	transition:all ease 0.2s;
	border-radius:0.8rem
}

#contact form #envoyer:hover{
	background-color:#3db39e
}

/*FOOTER*/
footer p{
	color:#3e4e5c;
	margin:1rem 0
}

footer p a{
	color:#3e4e5c;
}

footer p a:hover{
	color:#3db39e
}