body, html {
	height: 100%;
	margin: 0;
}

img {
	width: 100%;
}


/**
*
*	FONTS
*
**/


@font-face {
    font-family: "Antro Vectra Bold";
    src: url("../fonts/Antro_Vectra_Bolder.otf");
}

@font-face {
    font-family: "Antro Vectra";
    src: url("../fonts/Antro_Vectra.otf");
}

@font-face {
    font-family: "Montblanc";
    src: url("../fonts/Montblanc-Regular.ttf");
}

@font-face {
    font-family: "Pearl White";
    src: url("../fonts/Pearl_White.ttf");
}

@font-face {
    font-family: "URWGeometric Light";
    src: url("../fonts/URWGeometric-Light.ttf");
}

:root {
--ap-main: #3B5080;
--ap-second: #678EDB;
--ap-third: #DAE5F8;
--ap-fourth: #C1DCF8;

}
/**
*
*	MENU
*
**/

.navbar-brand {
	font-family: "Pearl White";
	color:  #2fae93;
	width: 100px;
	margin-right: 0rem;
}

.navbar-brand:hover {
	font-family: "Pearl White";
	color:  #ba8c2b;
}

.nav-light {
	background-color: #FFF;
}

#menu .nav-link {
	position: relative;
    text-decoration: none;
    color:  #3b5080;
    font-family: "Montblanc";
	transition: all 0.5s ease;
	margin: 4px 8px;
	font-size:  .8em;
}

#menu .nav-link.active,
#menu .nav-link:hover {
	background-color: #ba8c2b;
	color: #FFF;
}

#menu .nav-link::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	transform-origin: 50% 50%;
	transform: translateX(-50%) scaleX(0);
	width: 50%;
	height: 2px;
	background-color: #000;
	transition: transform 250ms;
}

#menu .nav-link.active,
#menu .nav-link:hover {
	/* background-color: #1686bc; */
	/* color: #FFF; */
	color: var(--ap-main);
	background: none;
}

#menu .nav-link.active::after,
#menu .nav-link:hover::after {
	/* background-color: #1686bc; */
	/* color: #FFF; */
	transform: translateX(-50%) scaleX(1);
}

/**
*
*	GENERAL
*
**/
h2 {
	text-align:  center;
	margin: 0px auto;
	margin-top: 40px;
	width: 80%;
	color: #000;

}

p {
	text-align:  center;
	margin: 0px auto;
	margin-top: 40px;
	width: 60%;
}

.lead {
    width: 60%;
    margin-bottom: 40px;
}

.table {
	width: 60%; 
	margin: 20px auto;
}

/* th {
	//color: #2fae93;
} */
/**
*
*	INTRO
*
**/
#intro, 
#couture {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	align-content: center;


	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
}

#intro {
	background-image: url("../images/ariegeparapente-accueil.jpg");
	min-height: 100%;
}

#couture {
	background-image: url("../images/collection-rose-fille-la-toulousaine-cape-de-bain-lange-lingette-lavable-so-mom.jpg");
	min-height: 50%;
}

.logo, .slogan {
	width: 80%;
	text-align: center;
}

.slogan h1 {
/*	font-family: "Antro Vectra";*/
	margin-bottom: 40px;
	color:  #3B5080;//#efdc74;
	/*text-shadow: 2px 2px 2px #000;*/
}

/**
*
*	PRESTATIONS
*
**/

#prestations-block {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	align-content: center;

	background-color: #FFF;
	color: #333;

	margin: 20px auto;
}











/**
*
*	PARALLAX
*
**/
.parallax {
	position: relative;

	height: 100%;

	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.parallax-biplace {
	background-image: url('../images/ariegeparapente-bassedef-ariegeparapente-5.jpeg')
}

.parallax-maman {
	background-image: url('../images/bien-etre-des-mamans.jpg')
}

.parallax-thalasso {
	background-image: url('../images/bain-fleuri-bain-de-lait-bebe.jpg')
}


.parallax-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60%;

	display:  flex;
	flex-direction: column;
}

.parallax-titre {
	color: #FFF;
	text-align: center;
	padding: 20px;
	text-transform: uppercase;
	font-weight:  bold;
	font-size: 4em;
	opacity: 0.85;
	border-bottom: 6px solid #FFF;
	text-shadow: 1px 1px black;
}

@media (max-width: 767px) { 
	.parallax-titre {
		font-size: 2em;
	}
}

.parallax-description {
	margin-top:  20px;
	color: #FFF;
	font-size: 1.2em;
	text-shadow: 1px 1px black;
}

@media (min-width: 1600px) { 
	.parallax-content {
		width:  33%;
	}

	.parallax-titre {
		font-size: 5em;
	}

	.citation p {
		width: 80%;
	}
}


/**
*
*	CITATION AURORE
*
**/
#aurore-block {
	background-color:rgba(186, 140, 43, 0.55);
	padding: 50px;
	color: #FFF;
} 

#aurore {
	width: 350px;
	height: 350px;
	background-image: url('../images/aurore_drape_infirmiere_puericultrice_toulouse.jpg');
	margin:  20px auto;
	background-size: cover;
	background-repeat: no-repeat;
	box-shadow: 12px 12px 0px #ba8c2b; 
	border-radius: 50%;
}

#somom-footer {
    width: 150px;
    height: 150px;
    background-image: url('../images/logo-so-mom-accompagnement-parentalite.png');
    background-color: #FFF;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

    margin:  20px auto;
    
    box-shadow: 12px 12px 0px #ba8c2b; 
    border-radius: 50%;
}

@media (max-width: 767px) { 
	#aurore {
		width: 200px;
		height: 200px;
		
	}

	#somom-footer {
        width: 100px;
        height: 100px;
    }

	h2 {
		font-size: 1.2em;
	}
}

.citation {
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
	text-align:  center;

	background-color: #FFF;
	color: rgba(186, 140, 43, 0.55);
}

.citation p {
	width: 60%;
	font-size:  4em;
	font-family: "Antro Vectra";
}

.citation h3 {
	color: #777;
	width: 80%;
	font-size:  1.2em;
	font-family: "Antro Vectra Bold";
	text-align:  right;
}

@media (max-width: 767px) { 
	.citation p {
		width: 90%;
		font-size: 3em;
	}
	.citation h3 {
		font-size:  2em;
	}
	p {
		width: 90%;
	}
	.lead {
	    width: 100%;
	}

}

@media (min-width: 1200px) { 
	.citation p {
		font-size:  4em;
	}
	.citation h3 {
		font-size:  2em;
	}
}









/**
*
*	PRESTATIONS ET AUTRES
**/




#presentation-block, #couture-block {
	background-color: #2fae93;
	padding: 50px;
	color: #FFF;
} 

.section {
	background-color: #FFF;
	padding: 50px;
	color: #777;
} 

#couture-block {
	background-color: #2fae93;
}

.texte-bottom {
	display:  flex;
	flex-wrap:  wrap;
	align-content: flex-end;
	justify-content: flex-end;
	align-items: flex-end;
}


#prestations {
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap:  wrap;
  

  background-color: #FFF;
  color: #777;
  margin-bottom: 40px;
}

.prestation, .prestation-couture {
	display: flex;
	flex-direction: column;
	flex-basis:  33%;
	margin: 20px;
	border-radius: 10px;
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, .2);
}


.couture-image,
.prestation-image {
	position: relative;
	width: 100%;
	border-radius: 10px;
}

.prestation-image {
	 margin-bottom: 40px;
}

.couture-image img {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.prestation-image img {
	border-radius: 10px;
}

.couture-image img,
.prestation-image img {
	display: block;
	width: 100%;
	height: auto;
}




	

.couture-image .prestation-titre {
	color: #FFF;
	text-align: center;
	padding: 20px;
	text-transform: uppercase;
	font-weight:  bold;
	font-size: 2em;
	opacity: 0.85;
	border-bottom: 6px solid #FFF;
	
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
}	

.prestation-titre {
	color: #FFF;
	text-align: center;
	padding: 20px;
	text-transform: uppercase;
	font-weight:  bold;
	font-size: 4em;
	opacity: 0.85;
	border-bottom: 6px solid #FFF;
	text-shadow: 0px 0px 2px #333;
	
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60%;
}		

.prestation-description {
	height: 100%;
	background: #f9f3ec;
	
	text-align: center;
	color: #333;
	padding: 20px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.prestation-description h3 {
	text-transform:  uppercase;
	font-size: 1em;
	color: #111;
}

.btn-aurore {
    color: #FFF;
    background: #000000;
    border-color: #000000;
    margin: 0px auto;
}

.btn-aurore:hover {
 
    color: #FFF;
    background: #000000;
    border-color: #000000;
}

.prestation-description {
    position: relative;
}

.btwn
{
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
}

.lead-title {

	margin: 0px auto;
	text-align: justify;
	font-size: 1.4em;
	font-weight: bold;	
}

.radius10 {
	border-radius:  10px;
}

@media only screen and (max-device-width: 992px) {
  .parallax {
    background-attachment: scroll;
  }
}

@media (max-width: 767px) { 
	#menu {
		text-align:  center;
	}

	.prestation, .prestation-couture {
		flex-basis:  100%;
	}
	.col {
		flex-basis: 100%;
	}

	.prestation-titre {
		font-size:  1em;
	}
}

@media (min-width: 768px) { 
	.prestation, .prestation-couture {
		flex-basis:  60%;
	}

	.prestation-titre {
		font-size:  1.2em;
	}
}

@media (min-width: 992px) { 
	.prestation-image .prestation-titre,
	.prestation-titre {
		font-size: 1.4em;
	}
}

@media (min-width: 1200px) { 
	
	.prestation, .prestation-couture {
		flex-basis:  30%;
	}
}

@media (min-width: 1600px) { 
	.prestation {
		flex-basis:  40%;
	}

	.prestation-couture {
		flex-basis: 30%;
	}

	.prestation-image .prestation-titre,
	.prestation-titre {
		font-size: 2em;
	}
}

.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-toggler {
  border-color: #000;
} 

.navbar-nav.navbar-center {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
}

.list-group, .list-group-item {
	background: none;
	border:  none;
	text-align: center;
	font-weight:  bold;
	color: #2fae93;
}

.list-group-item a:link,
.list-group-item a:active,
.list-group-item a:visited {
	font-size: 1em;
	color: #333;
	text-decoration: none;
}

.list-group-item a:hover {
	color: #ba8c2b;
}

#testimonials-carousel {
	width: 75%; 
	margin: 20px auto;
}

blockquote p {
	font-size: 1.4em;
	margin-bottom: 30px;
}

.blockquote-footer {
	text-align: center;
	font-size: 1.4em;
	font-family: "Antro Vectra";
}

#leftSliderControl,
#rightSliderControl {
	font-size: 6em;
}

#leftSliderControl {
	position: absolute;
	left: -20%;
	top: 15%;
}

#rightSliderControl {
	position: absolute;
	right: -20%;
	top: 15%;
}

@media (max-width: 1600px) { 
	#testimonials-carousel {
		width: 80%; 
		margin: 20px auto;
	}

	#leftSliderControl,
	#rightSliderControl {
		position: relative;
		margin: 0px 40px;
	}
}