body, html {
	font-family: Garamond, 'Minion Pro', Baskerville, Arial, sans-serif;
	color: #fff;
    background-color: #000;
	display: block;
	height: 100%;
	width: 100%;
}

a {
    color: #777;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #444;
}


h1,
h2,
h3,
h4,
h5,
h6,
.navbar, 
.btn {
	font-family: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 5px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}

p {
    margin: 0 0 25px;
    font-size: 18px;
    line-height: 1.5;
}


.btn {
    text-transform: uppercase;
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-default {
    border: 1px solid #777;
    color: #777;
    background-color: transparent;
}

.btn-default:hover,
.btn-default:focus {
    border: 1px solid #777;
    outline: 0;
    color: #000;
    background-color: #777;
}

.carousel-page {
	position: absolute;
	height: 100%;
	background-color: #5f666d;
	color: white;
	background-size: cover;
}

.item-scroll .btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}

.item-scroll .btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}
.content-section {
	overflow: hidden;
	padding-top: 10px;
}

.brand-heading {
    font-size: 40px;
}

.navbar {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
    text-transform: uppercase;
    background-color: #000;
}

address {
	font-size: 17px;
}

#my_carousel {
	height: 70%;
    width: 100%;
	text-align: center;
	color: #fff;
 	background-image: url(../img/intro-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
    background-attachment: fixed;
	-webkit-background-size: cover;
    -moz-background-size: cover;
	 -o-background-size: cover;
    background-size: cover;
	padding-top: 2%;
}


.carousel-inner {
	height: 100%;
	width: 100%;
}
.item {
	height: 100%;
	width: 100%;
}

#contacts {
	width: 100%;
	height: auto;
    text-align: center;
	padding-top: 1%;
	padding-bottom: 3%;
}

#principal {
	position: fixed;
	top: 0;
	height: 100%;
	width: 100%;
	overflow: auto;
	padding-bottom: 50px;
}

#Accueil {
	margin-top: 10%;
	margin-bottom: 10%;
	overflow: hidden;
}

#Presentation {
	margin-top: 5%;
	margin-bottom: 5%;
	overflow: hidden;
}

iframe {
	height: 80%;
	width: 40%;
	margin-top: 2%;
	margin-bottom: 2%;
	 -moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px; 
	-moz-box-shadow: 4px 4px 14px #000;
	-webkit-box-shadow: 4px 4px 14px #000;
	box-shadow: 4px 4px 14px #000; 
	webkitallowfullscreen: true;
	mozallowfullscreen: true;
	allowfullscreen: true;
}

.asso {
	display: inline;
	font-weight: bold;
}

/*
.navbar {
  min-height: 50px;
  max-height: 50px; 
}
*/

#legal {
  padding-top: 13px;
  padding-bottom: 10px;
  line-height: 20px;
}