/*
** custom.css
** Média : All
** Auteur : Bruno BABYLON, Christophe LEGROS, Emmanuel GIGAN
** Crée le : 30/09/2019
**
** Modifié le :
** Modifié par :
** Modifications :
**
*/

/* Général
*************************************************/

* {
	margin: 0;
	padding: 0;
	font-family: 'Josefin Sans', sans-serif;
}

.bg_custom_green {
	background: #00f3a7;
}

.bg_custom_blue {
	background: #011547;
}

.bg_custom_grey {
	background: #e5e5e5;
}

.text_custom_green {
	color: #00f3a7;
}

.text_custom_blue {
	color: #011547;
}

a {
	color: inherit;
}

a:hover {
	color: inherit;
	text-decoration: none;
}

header, footer, #content, li a, h2 button {
	color: white !important;
}

body > div {
	padding: 0 !important;
}

section {
	padding-top: 4rem;
	padding-bottom: 4rem;
}

/* Header
*************************************************/

.logo {
	height: 2.5rem;
}

/* Main
*************************************************/

#jumbotron {
	background: center / cover url("../img/jumbotron_home.jpg");
	border-radius: 0;
}

#jumbotron_content {
	background: center / cover url("../img/jumbotron_content.jpg");
	border-radius: 0;
}

.intro {
	color: white !important;
	background: rgba(0,0,0,0.5);
	border-radius: 1rem;
	padding: 1rem;
	margin-bottom: 2rem;
}

#jumbotron div, #jumbotron_content div {
	background: rgba(255,255,255,0.5);
	border-radius: 1rem;
	padding: 3rem;
}

h1 {
	margin-bottom: 2rem;
}

h2 {
	font-size: 1.25rem;
}

#documentation a {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

main section {
	padding-left: 2rem;
	padding-right: 2rem;
}

#partner img, #partner a {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

#content a, .docs {
	padding: 1rem;
}

#content a + a {
	border-top: 1px solid white;
}

#content img {
	margin-bottom: 1rem;
}

#accordeon p {
	padding-top: 1rem;
}

@media (min-width: 768px) {
	#partner img {
		padding: 0 1rem;
	}
	#partner a {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	#content a:nth-child(2) {
		border-top: 0;
	}
	#carousel img:nth-child(2) {
		display: inline;
	}
}

@media (min-width: 992px) {
	#partner a {
		padding: 0 1rem;
	}
	#content a {
		border: 0 !important;
	}
	#carousel img:nth-child(3) {
		display: inline;
	}
	#accordeon p {
		padding-top: 0;
		padding-left: 1rem;
	}
}

/* Footer
*************************************************/

footer section {
	padding: 2rem !important;
}

form input, form button {
	margin: 0.5rem;
}

footer .logo {
	height: 10rem;
	padding-bottom: 1rem;
}

#communication img {
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	margin-top: 3rem;
}

/* Caroussel
*************************************************/

#slider {
	position: relative;
}

#slider .MS-content {
	margin: 0;
	overflow: hidden;
	white-space: nowrap;
}

#slider .MS-content .item {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 0.5rem;
	overflow: hidden;
	position: relative;
	vertical-align: top;
}

#slider .MS-controls button {
	display: none;
	position: absolute;
	border: none;
	background: transparent;
	font-size: 1.5rem;
	outline: 0;
	top: 1.75rem;
}

#slider .MS-controls button:hover {
	cursor: pointer;
}

#slider .MS-controls .MS-left {
	left: -2px;
}

#slider .MS-controls .MS-left {
	right: -2px;
}

@media (min-width: 768px) {
	#slider .MS-content {
		margin: 15px 5%;
		/*overflow: hidden;*/
		/*white-space: nowrap;*/
	}
	#slider .MS-content .item {
		width: 50%;
	}
	#slider .MS-controls button {
		display: block;
	}
}

@media (min-width: 992px) {
	#slider .MS-content .item {
		width: calc(100% / 3);
	}
	#slider .MS-controls .MS-left {
		left: -10px;
	}
	#slider .MS-controls .MS-left {
		right: -10px;
	}
}