h1, h2, h3, h4, h5, h6 {
    margin-top : 1.5rem;
    margin-bottom: 1rem;;
}

/*carousel*/
.carousel-item {
    height: 720px;
}

.carousel-item img {
    max-width: 100%; 
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
}
/*FIN carousel*/
/*Centre vertical et horizontal*/
.text-centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*
.text-centered-vertical {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
}
*/

.card {
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}

/*card-side*/
/*div.card-side {
	margin-bottom: 5rem;
    max-height: 500px;
    overflow: hidden;
}*/
/*FIN card-side*/

/*photo-section*/
.photo-section img {
	margin-bottom: 3rem;
	width: 100%;
}

.photo-section div {
	margin-bottom: 3rem;
}
/*FIN photo-section*/

/*Pour centrer une image plus grand que le cadre*/
.image-centered-body {	   
    overflow: hidden;
    position: relative;
}
    
.image-centered-body img {   
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    width:100%;
}
/*FIN Pour centrer une image plus grand que le cadre*/

/*IMAGE FLUID*/
.image-fluid {
    /*margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    padding-left: 0;
    padding-right: 0;*/
}

.image-fluid:last-child {
    margin-bottom: 0;
}

.image-fluid:last-of-type {
	margin-bottom: 0;
}
/********************/
.image-centered-body img {
	padding: 0px;
}
.image-fluid .row > div {
	padding: 0px;
}
/****************/
.image-fluid .image-fluid-title {
    background-color: #343a40;
    color: white;
}

.image-fluid .image-fluid-title p {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    font-size: 2rem;
    text-align: center;
}

.image-fluid .image-fluid-body {
    /*width: 100%; */ 
    background-color: #000000;
    color: #ffffff;
    font-size: 2rem;
    text-align: center;
}

.image-fluid .image-fluid-body .image-fluid-opacity {                
    opacity: .5;
}
/*FIN IMAGE FLUID*/

/*NAVBAR*/
.navbar .navbar-nav .nav-link {
    align-items: center;
    display: flex;
}

.navbar .navbar-nav .nav-link span, .navbar .navbar-nav .nav-link i {
    margin-right: 5px;
    margin-left: 5px;
}

.navbar .navbar-nav .nav-link {
    padding-left: 2.5rem;
    /*padding-right: 2.5rem;*/
}

.navbar .nav .nav-link {
    padding-left: 2.5rem;
    line-height:28px;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
	text-decoration: underline;
}
/*
.nav-item .nav-link img, .dropdown-item img {
    width: 32px;
    height: 32px;
    margin-left: .25rem;
}
*/
.nav-less-space .nav-item .nav-link {
    padding-left: 1rem;
    padding-right: 0px;
    /*padding-top: .5rem;
    display: block;*/
}
/*
.dropdown-menu {
	background-color: #343a40;
}
*/
/*
.dropdown-menu a, .dropdown-menu a:hover {
	background-color: #343a40;
}
*/
.navbar-dark .navbar-nav .nav-link, .dropdown-menu a {
    color: rgba(255,255,255,.85);
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover, .dropdown-menu a:hover, .dropdown-item:hover {
	color: rgba(255,255,255,.95);
}

/*.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {*/


.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.85);
    border-color: rgba(255,255,255,.85);
}
/*
header .nav .nav-item .nav-link, .dropdown-menu a {
    color: rgba(255,255,255,.5);
}

header .nav .nav-item .nav-link:hover, .dropdown-menu a:hover {
    color: rgba(255,255,255,.75);
}
*/
/*FIN NAVBAR*/  

/*ANDROID*/
.android .align-self-center {
	padding-top: 3rem;
	padding-bottom: 3rem;
}
/*FIN ANDROID*/

/*DATEPICKER*/
/*.css-class-to-highlight .ui-state-default, .css-class-to-highlight .ui-widget-content .css-class-to-highlight .ui-state-default {
	background-color: #32CD32;
	border: 1px solid #006400;
    background-image: none;
}

.ui-widget.ui-widget-content {
    width: 100%;
}

.ui-datepicker td span, .ui-datepicker td a {
    height: 60px;
}

.ui-datepicker th span {
	color: #ffffff;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}*/
/*DATEPICKER*/