/*!
 * Start Bootstrap - Agency Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html {
height:100%;
}

body {
font-family: 'Source Sans Pro', sans-serif;
line-height: 1.42em;
font-size: 15px;
}

p, li {	
font-family: 'Source Sans Pro', sans-serif;
font-size: 17px;
line-height: 1.42em;
margin-bottom:10px;
color:#000;
}

p b,
label {
   font-weight:600;
}

a,
a:hover,
a:focus,
a:active,
a.active {
	color: #ff8800;
	text-decoration: none;
    outline: 0;
}

h1, h2, h3 {
color:#000;	
}
.chiffre {
font-size: 36px;
margin-bottom:0;
}

/*chloé debecker*/

.navbar-brand {
    padding-top: 30px;
	font-size: 28px;
	color: #ff8800 !important;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	
}

@media (min-width:768px) and (max-width:920px) {
 
.navbar-brand {
    padding-top: 30px;
	font-size: 24px;
	color: #ff8800 !important;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	
}
}

@media (max-width:767px) {
 
.navbar-brand {
    padding-top: 30px;
	font-size: 24px;
	color: #ff8800 !important;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	
}
}

/*menu*/

.navbar-default .nav li a {
    text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
    font-weight: 500;
	font-size:12px;
    letter-spacing: 1px;
    color: #000;
}

.navbar-nav > li > a {
    padding-top: 31px;
	padding-bottom:0;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    color: #ff8800;
}

.navbar-default .navbar-nav >.active > a {
    color: #ff8800;
}

.navbar-default .navbar-nav >.active > a:hover,
.navbar-default .navbar-nav >.active > a:focus {
    color: #ff8800;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background: none !important;
}

.navbar-default {
        padding: 0;
        border: 0;
        background-color: white;
        -webkit-transition:none;
        -moz-transition: none;
        transition: none;
		border-bottom:1px solid #ccc;
		min-height:79px;
}

.navbar-default.navbar-shrink {
        padding: 0;
}

/*menu responsive*/

.navbar-toggle {
margin-top:25px;
background-color:#ddd;	
}
.navbar-header {
height:80px;	
}

@media (min-width:768px) and (max-width:1200px) {
 nav .container {
	 width:100% !important; 	 
 }
}
 
@media (min-width:768px) and (max-width:920px) {
 
.nav > li > a {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
 
 .navbar-default .nav li a {
    font-size: 11px !important;
}
}

@media (max-width:767px) {
.navbar-nav > li > a {
    padding-bottom: 0;
    padding-top: 10px;
	margin-bottom:10px;
}
}

/*banner*/

header {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #3a484e;
    background-image: url("mobile.jpg");
    background-origin: padding-box;
    background-position: center top;
    background-repeat:no-repeat;
    background-size: auto auto;
    height: 500px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 80px;
}


header .container {
	height:500px;
	line-height:500px;
	text-align:center;
}

header .intro-text {
   width:100%;
   vertical-align:middle;
   display:inline-block;
   line-height:normal;
   text-align:center; 
   padding-top:0;
   padding-bottom:0; 
}

header .intro-text .name {
   	font-family: 'Roboto Condensed', sans-serif;
	font-size:40px;
	font-weight:300;
	display:block;
	color:#fff;
	line-height:1.4em;
	margin :0;
	padding:0;
}

header .intro-text .skills {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:20px;
	font-weight:300;
	display:block;
	color:#fff;
	line-height:1.2em;
	margin :0;
	padding:0;
}

@media (max-width:580px) {	
header {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #3a484e;
    background-image: url("mobilephone.jpg");
    background-origin: padding-box;
    background-position: center top;
    background-repeat:repeat;
    background-size: auto auto;
    height: 450px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 80px;
}

header .container {
	height:450px;
	line-height:450px;
	text-align:center;
}
	
header .intro-text .name {
   	font-family: 'Roboto Condensed', sans-serif;
	font-size:35px;
	font-weight:400;
	display:block;
	color:#fff;
	line-height:1.4em;
	margin :0;
	padding:0;
}

header .intro-text .skills {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:20px;
	font-weight:300;
	display:block;
	color:#fff;
	line-height:1.2em;
	margin :0;
	padding:0;
}
}

/*colonne*/

.colonne {
max-width:850px;
margin: 0 auto;	
}

.colonnesmall {
max-width:600px;
margin: 0 auto;	
}

@media (max-width:767px) {
.colonne {
max-width:850px;
margin: 0 10px;	
}

.colonnesmall {
max-width:600px;
margin: 0 10px;	
}	
	
}

/*section*/

section h2.section-heading {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:44px;
	font-weight:300;
}

@media (max-width:767px) {
section h2.section-heading {
    margin-top: 0;
    margin-bottom: 10px !important;
    font-size: 40px;
}
}

@media (max-width:480px) {
section h2.section-heading {
    margin-top: 0;
    margin-bottom: 5px !important;
    font-size: 30px !important;
	font-weight:400 !important;
}
}

section h3.section-subheading {
font-family: 'Droid Serif', serif;
font-size: 16px;
font-style: italic;
font-weight: 400;
color:#ff8800;
/*color:#8c8c8c;*/
margin-top:25px;
margin-bottom:30px;
}

@media (max-width:480px) {
section h3.section-subheading {
line-height:1.5em !important ;
}
}

hr {
    height:2px;
    background-color: #ccc;
    width: 80px;
	margin-bottom:30px;
}

section#accueil {
    padding: 95px 0 85px 0
}

section#emte {
    padding: 95px 0 85px 0;
}

section#séances {
    padding: 95px 0 85px 0;	
}

section#formations {
    padding: 95px 0 85px 0;
}

section#about {
    padding: 95px 0 100px 0;
}

section#contact {
    padding: 95px 0 85px 0;
}


@media (max-width:767px) {
section#accueil {
    padding: 85px 0 75px 0
}

section#emte {
    padding: 85px 0 75px 0;
}

section#séances {
    padding: 85px 0 75px 0;
}

section#about {
    padding: 85px 0 90px 0;
}

section#formations {
    padding: 85px 0 75px 0;
}

section#contact {
    padding: 85px 0 75px 0;
}
}

section img {
   display:block;
   margin:0 auto;
}

/*section about*/

section#about img {
   padding-top:30px;
}

section#about a:hover,
section#about a:focus {
	color: #ff8800;
}


/*images en background*/
@media (min-width:992px) {
.parallax1 {
    /* The image used */
    background-image: url("parallax1.jpg");

    /* Set a specific height */
    height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax2 {
    /* The image used */
    background-image: url("parallax2.jpg");

    /* Set a specific height */
    height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax3 {
    /* The image used */
    background-image: url("parallax3.jpg");

    /* Set a specific height */
    height: 800px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax4 {
    /* The image used */
    background-image: url("parallax4.jpg");

    /* Set a specific height */
    height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}


.parallax1_mobile {
  display:none;
}

.parallax2_mobile {
  display:none;
}

.parallax3_mobile {
  display:none;
}

.parallax4_mobile {
  display:none;
}		
}

@media (max-width:992px) {
.parallax1 {
  display:none;
}

.parallax2 {
  display:none;
}

.parallax3 {
  display:none;
}

.parallax4 {
  display:none;
}

.parallax1_mobile {
  display:block;
}

.parallax2_mobile {
   display:block;
}

.parallax3_mobile {
   display:block;
}

.parallax4_mobile {
   display:block;
}				
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
.parallax1 {
  display:none;
}

.parallax2 {
  display:none;
}

.parallax3 {
  display:none;
}

.parallax4 {
  display:none;
}

.parallax1_mobile {
  display:block;
}

.parallax2_mobile {
   display:block;
}

.parallax3_mobile {
   display:block;
}

.parallax4_mobile {
   display:block;
}		
}