/* Index */


/*--------------------------------*/
/*      000 General		          */

@font-face {
    font-family: 'champagne__limousinesregular';
    src: url('champagne__limousines-webfont.eot');
    src: url('champagne__limousines-webfont.eot?#iefix') format('embedded-opentype'),
         url('champagne__limousines-webfont.woff2') format('woff2'),
         url('champagne__limousines-webfont.woff') format('woff'),
         url('champagne__limousines-webfont.ttf') format('truetype'),
         url('champagne__limousines-webfont.svg#champagne__limousinesregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


html body.index-main {
    overflow-x: auto;
    margin: 0px;
    min-height: 120%;
}



body {
	font-family: 'champagne__limousinesregular', 'Helvetica', sans-serif;
	Background-color: #FFC740;
	color: #EB3E9A !important;
	z-index: 10;
}



@media only screen and (max-width: 480px) {
	body {
		font-size: 11pt;
	}
}

@media only screen and (min-width: 481px) {
	body {
		font-size: 14pt;
	}
}



.center-stuff {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center !important;
}

.justified {
	text-align: justify;
}

p > a:link, p > span > a:link {
  color: gray;
  text-decoration: none;
  border-bottom: 1px solid gray;
}

p > a:visited, p > span > a:visited {
  color: gray;
  text-decoration: none;
  border-bottom: 1px solid gray;
}

P > a:hover, p > span > a:hover {
  color: gray;
  text-decoration: none;
  border-bottom: 1px solid gray;
}

p > a:active, p > span > a:active {
  color: gray;
  text-decoration: none;
  border-bottom: 1px solid gray;
}


.fixed-col {
    width: 120px;
}


/*--------------------------------*/
/*      100 Navbar static         */

.logo-top {
    padding-top: 50px;
}

.navbar {
	min-height: 50px !important;
	max-height: 50px !important;
	margin-bottom: 0 !important;
	border: none !important;
	background-color: #FFC740 !important;
	}

.brand-text {
	font-size: 15pt !important;
	color: #EB3E9A !important;
}

a:active.brand-text,
a:focus.brand-text,
a:hover.brand-text {
	font-size: 15px;
	color: #EB3E9A !important;
	text-decoration: none;
}

.navbar-light {
    background: #FFC740;
}




@media only screen and (max-width: 400px) {
	.nav-link {
		font-size: 9pt;
	}
}


@media only screen (min-width: 401px) and (max-width: 480px) {
	.nav-link {
		font-size: 11pt;
	}
}

@media only screen and (min-width: 481px) {
	.nav-link {
		font-size: 14pt;
	}
}


/*--------------------------------*/
/*      200 Hero picture          */


.hero-image {
    top:0;
	margin: auto;
    padding: 0;
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: cover;
}


.hero-imagea {
    top:0;
	margin: auto;
	min-height: 35vh;
	width: auto;
    background-image: url('header000.jpg');
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: cover;
}

.hero-image1 {
    top:0;
	margin: auto;
	min-height: 35vh;
	width: auto;
    background-image: url('header00.jpg');
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: cover;
}

.hero-image2 {
    top:0;
	margin: auto;
	min-height: 35vh;
	width: auto;
    background-image: url('header01.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.hero-image3 {
    top:0;
	margin: auto;
	min-height: 35vh;
	width: auto;
    background-image: url('header02.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.hero-image4 {
    top:0;
	margin: auto;
	min-height: 35vh;
	width: auto;
    background-image: url('header03.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.hero-image5 {
    top:0;
	margin: auto;
	min-height: 35vh;
	width: auto;
    background-image: url('header06.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.hero-image6 {
    top:0;
	margin: auto;
	min-height: 35vh;
	width: auto;
    background-image: url('header05.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.hero-image7 {
    top:0;
	margin: auto;
	min-height: 35vh;
	width: auto;
    background-image: url('header07.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.hero-image8 {
    top:0;
	margin: auto;
	min-height: 35vh;
	width: auto;
    background-image: url('header08.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.hero-image9 {
    top:0;
	margin: auto;
	min-height: 35vh;
	width: auto;
    background-image: url('header09.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.hero-image0 {
    top:0;
	margin: auto;
	min-height: 35vh;
	width: auto;
    background-image: url('header10.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}



.hero-imageb {
    top:0;
	margin: auto;
	min-height: 35vh;
	width: auto;
    background-image: url('header11.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}


/*--------------------------------*/
/*      700 Footer                */


footer {
  display: block !important;
  position: relative;
  bottom: 0 !important;
//* height: 100px; *//
}


/*--------------------------------*/
/*      1000 Other	              */


@media only screen and (max-width: 767px) {
    .art-img-wrap {
        text-align: center;
        padding-top: 40px;
        padding-bottom: 25px;
    }
}


@media only screen and (max-width: 767px) {
    .article-picto {
        font-size: 60px;
        color: hotpink;
    }
}


@media only screen and (min-width: 768px) {
    .article-picto {
        margin: auto;
        font-size: 80px;
        color: hotpink;
     }
}


.testimonial {
    padding: 0;
    border: 1px solid hotpink;
}



img:active.footer-pictos, 
img:focus.footer-pictos,
img:hover.footer-pictos {
	opacity: 0.25 !important;
	text-decoration: none !important;
    border-bottom: none !important;
}

img.footer-pictos {
    border-bottom: none !important;
    opacity:0.35 !important;
}