/* Couleurs :	Bleu nuit : #00213d | Orange : #e68f1e */

/* GLOBAL */
body {
	font: 400 14px 'Roboto', Sans-serif;
	background-color: #00213d;
}
a, a:hover {
	color: #e68f1e;
}
ul {
	list-style: none;
	padding: 0;
}
img {
	max-width: 100%;
}
h1 {
	font-size: 23px;
	margin: 0 0 15px;
	color: #e68f1e;
}
h2 {
	font-size: 20px;
	margin: 0 0 15px;
	color: #e68f1e;
}
p {
	margin: 0 0 15px;
}
label {
	font-weight: 500;
}
select {
	margin-bottom: 15px;
}

.button {
	display: inline-block;
	background-color: #e68f1e;
	padding: 0 15px;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	letter-spacing: 0.3px;
	text-transform: uppercase;
	font-weight: 500;
	text-shadow: 0 0 10px #c66f0e;
	border: none;
	line-height: 45px;
	min-width: 115px;
	text-align: center;
	cursor: pointer;
}
a:not([href]):hover, a:not([href]) {
	color: #fff;
}
.button:hover, .button:active {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset;
	color: #fff;
	text-decoration: none;
}
button.button {
	display: block;
	margin: 22.5px auto;
}

.notification {
	margin-bottom: 15px;
	padding: 15px;
	border-radius: 3px;
}
.notification p {
	margin: 0;
}
.error {
	background-color: #ffc9c9;
	color: #ac1818;
}
.success {
	background-color: #bdedbc;
	color: #045702;
}
input[name=email1], input[name=email2], input[name=email3] {
	display: none;
}

.mobile-on {
	display: block !important;
}
.mobile-off {
	display: none !important;
}
.print-on {
	display: none !important;
}

/* HEADER */
header {
	background-color: #fff;
	/*color: #fff;*/
	padding: 15px 0;
	border-bottom: solid 2px #e68f1e;
}

.logo {
	/*height: 50px;*/
	height: 30px;
}
#nav {
	position: absolute;
	left: 15px;
	line-height: 28px;
	color: #646363;
	font-size: 17px;
	border: solid 1px #ddd;
	border-radius: 3px;
	z-index: 2;
}

.menu {
	display: none;
	margin: 0;
	line-height: 70px;
	font-size: 15px;
	font-weight: 500;
}
.menu li {
	display: inline-block;
}
.menu li a {
	display: inline-block;
	padding: 0 15px;
	color: #fff;
}
.toggle-menu, .my-space {
	display: inline-block;
	padding: 0 15px;
	line-height: 45px;
	font-size: 21px;
	border-radius: 3px;
}
.toggle-menu.on, .my-space.on {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset;
}
.mobile-menu {
	display: none;
	position: absolute;
	top: 60px;
	right: 0;
	z-index: 10;
	width: 100%;
	background-color: #fbfbfb;
	font-size: 15px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
.mobile-menu.on {
	display: block;
}
.mobile-menu li a {
	display: block;
	padding: 15px 20px;
	border-bottom: solid 1px #c62828;
}

/* PAGE */
.page {
	background-color: #fff;
	min-height: 540px;
	position: relative;
}
.page .container-fluid {
	max-width: 1100px;
}


/* HOME */
/*.home img {
	border-radius: 15px;
}*/
.home-img {
	height: 320px;
	background-size: cover;
	background-position: center;
}
.bg-white {
	background-color: #fff;
}
.home-title {
	font-size: 17px;
	/*margin: 0;*/
}
.bg-grey {
	background-color: #eee;
	border-bottom: solid 2px #ff1616;
}
img.round {
	border-radius: 0;
}
.code {
	/*background-color: #eee;*/
	/*padding: 22.5px 30px;*/
	/*text-align: center;*/
	/*border-radius: 5px;*/
}
.code button.button {
	/*margin: 15px auto 0;*/
}
/*.intro {
	background-color: #fff;
}*/

/* USER */
.form-login, .form-forgotten, .form-reset {
	margin: 22.5px 0;
	text-align: center;
}
.rgpd {
	font-size: 12px;
}

/* SOMMAIRE */
#chapters {
	display: none;
	position: absolute;
	color: #fff;
	/*width: calc((100% - 1100px) * 0.5);*/
	height: 100%;
	/*min-width: 150px;*/
	width: 100%;
	z-index: 2;
}
#bg {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.35);
	width: 100%;
	height: 100%;
}
#chapters ul {
	position: absolute;
	width: 200px;
	background-color: #646363;
	height: 100%;
	margin: 0;
}
#chapters li {
	border-bottom: solid 1px #747474;
}
#chapters li a {
	display: block;
	color: #fff;
}
#chapters li a:hover {
	text-decoration: none;
}
#chapters li.active {
	background-color: #fff;
	font-weight: 500;
}
#chapters li.active a {
	color: #646363;
}
#chapters li.disabled {
	color: #999;
}

/* SLIDES */
/*.slide {
	background-color: #fff;
	position: relative;
} */
.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.index {
	line-height: 45px;
	font-weight: 500;
	font-size: 18px;
	color: #e68f1e;
}

/* SURVEY */
.question {
	padding-bottom: 10px;
	border-bottom: solid 1px #ddd;
	margin: 30px 0 45px;
}
.question .form-check {
	margin-bottom: 1px;
}
.question .form-check.on {
	background-color: rgba(255, 168, 55, 0.5);
	color: #000;
}
.question .form-check-input {
	margin-top: 0.2rem;
}
.question .form-check-label {
	display: block;
	font-weight: 400;
	padding: 0.85rem;
}
.question .fa-times {
	color: #ac1818;
	float: right;
}



/* FOOTER */
footer {
	color: #fff;
	padding: 15px 0;
}
footer .col-sm-4 {
	margin-bottom: 15px;
}
footer h3 {
	color: #d8cdc9;
	font-size: 17px;
	font-weight: 400;
	padding: 15px 0 10px;
	border-bottom: solid 1px #887d79;
	
}
footer ul {
	list-style: circle;
	padding-left: 15px;
}
footer a {
	color: #fff;
}
.footer-bottom {
	/*margin-top: 7.5px;*/
	text-align: center;
	font-size: 13px;
	color: #d8cdc9;
}

/* Couleurs :	Bleu nuit : #00213d | Orange : #e68f1e */