@charset "utf-8";
/* CSS Document */

body{
	/*font-family: 'Quicksand', sans-serif;*/
	/*font-family: 'Ubuntu', sans-serif;*/
	font-family: 'Montserrat', sans-serif;
    background-color:rgb(255, 255, 255);
}

/* CLASS DE COULEURS DE TEXTE */
h1,h2,h3,h4,h5,h6{
	color:rgba(0,0,0,1);
}
h2{
	color: rgba(93,44,125,1);
	color: rgba(229,74,22,1);
	color: navy;
}
p{
	color: rgba(107,107,107,1);
	font-size: 1rem;
	font-weight: 500;
}
a{
	text-decoration: underline;
	color:rgba(0,0,0,1);
}
a.navbar-brand, .nav-item a{
	text-decoration: none;
}
section{
	padding-top: 3%;
	/*padding-bottom: 3%;*/
}
hr{
	width: 4em;
	border: solid 1px rgba(0,0,0,1);
}
img{
	border-radius: 0;
}
.content{
	padding-left: 1rem;
	padding-right: 1rem;
}
.content p{
	text-align: justify;
}
button:focus{
	outline: none;
}
/* ALERT */
.alert{
	margin: 0;
}
/* BOUTONS */
.button, button{
	display: inline-block;
	padding: 6px 35px;
	background-color: rgba(255,255,255,.3);
	border-style: none;
	border: 2px solid rgba(0,0,0,1);
	border-radius: 20px;
	font-size: 1rem;
	font-weight: bold;
	color: rgba(0,0,0,1);
	text-decoration: none;
	text-align: center;
}
li .button{
	margin-left: 10px;
	padding: 0px 10px;
}
/* home page */
#home p.home{
	font-family: 'Dancing Script';
	font-family: 'Sacramento';
	font-family: 'Damion';
	font-size: 1.5rem;
	/*font-weight: 600;*/
}
#home img{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 50%;
}
#home-slider{
	height: 600px;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 20px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: flex-end;
}
#home-slider .photo{
	text-align: center;
}
#home-slider img{
	float: none;
}
#slider{
	height: 100px;
}
#slider .slider{
	border-radius: 50px;
}
#home li{
	min-height: 2.5rem;
}
/* CAROUSEL */
.carousel-indicators li{
	width: 10px;
	height: 10px;
	opacity: 1;
	border-radius: 50%;
}
.carousel-indicators .active{
	background-color: rgba(38,52,139,1);
}
/* CARD */
.card{
	border-radius: .8rem;
	box-shadow: 5px 5px 5px rgba(0,0,0,.2);
}
.card img{
	border-radius: .8rem;
}
.card ul{
	padding-left: 10px;
}
.card h5{
	font-size: 1rem;
	/*text-decoration: underline;*/
}
.card-footer{
	text-align: center;
}
.refresh{
	display: inline;
}
/* FORM */
form .input-group{
	padding-right: 0;
	padding-left: 0;
}
form #previous{
	position: relative;
}
i.fab.fa-paypal,i.fab.fa-cc-paypal{
	padding-right: 5px;
	font-size: 1.5rem;
	font-style: italic;
}
/***** CSS DES DIFFERENTS MODULE-VIEW *****/
/***** header *****/
#top-menu .navbar-nav{
	flex-direction: row;
}
#top-menu{
	padding-top: 0;
	padding-bottom: 0;
	max-height: 4rem;
}
#top-menu #brand{
	margin-left: 5%;
}
#top-menu h1{
	color: coral;
}
#top-menu #brand h1{
	font-family: 'Finger Paint', cursive;
	font-size: 1.5rem;
}
#main-menu {
	padding-top: 0;
	padding-bottom: 0;
}
#main-menu .ml-auto{
	margin-left: 0 !important;
}
hr.main-menu, hr.footer {
	width: 100%;
	margin-top: 2rem;
    border: none;
    border-top: 3px double #333;
    color: #333;
    overflow: visible;
    text-align: center;
    height: 5px;
}

hr.main-menu:after{
    /*background: #fff;
	content: '§';*/
	content: url("../../images/palette.png");
    padding: 0;
    position: relative;
    top: -35px;
}
#main-menu .navbar-collapse{
	font-size: 1.5rem;
}
.nav .nav-item .nav-link,.navbar .nav-item .nav-link{
	padding-bottom: 0;
	padding-left: .3rem;
	padding-right: .3rem;
	color:rgba(0,0,0,1);
}
nav .active, .navbar .nav-item .nav-link:hover, .nav .nav-item .nav-link:hover{
	border-bottom: 2px solid rgba(0,0,0,1);
}



.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.blue{color:#1D38FC}
.green{color:#0EC929}
.red{color:#FF0000}
.orange{color:#ffe100}



/***** slider *****/
.carousel-caption h1{
	font-weight: 600;
	font-size: 1.5em;
}
.carousel-caption h2{
	color: rgba(255,255,255,1);
	text-shadow: 3px 0px 4px rgba(0,0,0,.3);
	font-weight: bold;
	font-size: 2em;
}

/***** bio *****/
#bio img{
	float: left;
	margin-top: .2rem;
	margin-right: 1rem;
	margin-bottom: 0.5rem;
	border-radius: .8rem;
}

/***** contact *****/
#contact{
	margin-top: 0;
	margin-bottom: 0;
	padding: 4%;
	background-color: rgba(237,237,237,1);
}
#contact h2,#contact p{
	text-align: center;
}
#contact input[type=text], #contact input[type=email], #contact input[type=tel] {
	height: 50px;
}

/***** stages *****/
#stage .title{
	text-align: center;
	margin-bottom: 2rem;
}
#stage .card h5{
	text-align: center;
	text-decoration: none;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	background-color: rgba(237,237,237,1);
}
#stage .card-img{
	width: 75%;
	border-radius: .8rem;
}
#stage .card-info-stage{
	min-width: 7rem;
}
.nav-tabs {
    border-bottom: 1px solid #333333;
}
.nav-tabs .nav-link {
	border: 2px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	padding-bottom: 1px;
    color: #495057;
    background-color: rgba(237,237,237,1);
    border-color: #333333 #333333 #fff;
}
.tab-pane{
	margin-top: 2rem;
	text-align: justify;
}

/***** footer *****/
footer{
	padding-top: 10px;
	text-align: center;
}

/***** Media Queries ******/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	#top-menu #brand{
		margin-left: 25%;
	}
	.nav .nav-item .nav-link,.navbar .nav-item .nav-link{
		padding-left: 1rem;
		padding-right: 1rem;
	}
	#home p.home{
		font-size: 2rem;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	#top-menu #brand h1{
		font-size: 2.5rem;
	}
	#home-slider{
		height: 350px;
		justify-content: flex-end;
	}
	.card-columns {
		column-count: 2;
	}
	#menu2 #content{
		display: flex;
		justify-content: space-between;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.card-columns {
		column-count: 3;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	#home .container{
			width:100%
	}
	.content{
		padding-left: 8rem;
		padding-right: 8rem;
	}
	.card-columns {
		column-count: 4;
	}
}

/* Super Extra large devices (large desktops, 1600px and up) */
@media (min-width: 1600px) {
	.card-columns {
		column-count: 4;
	}
}