/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ------------------------------------- GLOBAL ------------------------------------- */
/* __________________________________________________________________________________ */

* {
	font-family: "Raleway","Helvetica","Arial",sans-serif;
	outline: none;
	-webkit-overflow-scrolling: touch;
	-webkit-appearance: none;
}

@media (max-width: 800px) {

/* ------------------------------------- STRUCTURE */

	/* body */
	body {
		position: fixed;
		width:100%;
		height:100%;
		-webkit-overflow-scrolling:touch;
	}

	/* header */
	header {
		width:100%;
		/*height:50px;*/
		margin:0;
		padding:0;
		z-index:99;
	}

	/* contenu */
	section {
		background-color: #F5F5F5;
		position:relative;
		width:100%;
		height:calc(100% - 52px);
		margin:0;
		padding:0;
		overflow-y:scroll;
		z-index:1;
	}
	section.stop-scroll {
		overflow-y:hidden;
	}

/* ------------------------------------- FORMULAIRES */

	/* labels */
	label {
		font-weight:bold;
	}

    .radio-label{
        font-weight: normal;
        cursor: pointer;
    }

	/* inputs required activés */
	.required-active {
		outline:2px solid #CA5E58;
	}

/* ------------------------------------- TITRES */

	/* h1 */
	h1 {
		font-size:1.5em;
		text-align:center;
		margin:10px;
	}

/* ------------------------------------- LIENS */

	/* pas de style sur les liens */
	a {
		color:black;
		text-decoration:none;
	}

    a.blue_link {
        color: #336AB2;
        text-decoration: underline;
    }

/* ------------------------------------- BOUTONS */

input[type="text"], input[type="password"],
input[type="date"], input[type="time"] {
	border-radius: 5px;
	width: 75% !important;
	height: 35px;
	padding: 15px 10px !important;
}

select {
	border-radius: 5px;
	width: 75% !important;
	height: 35px;
	padding: 0px 10px !important;
	background: white;
	color: #383838;
}

/* ------------------------------------- BOUTONS */

	.button {
		color:#336AB2;
		background-color: #FFFFFF;
		border:1px solid #336AB2;
		padding:4px;
		padding-left:6px;
		padding-right:6px;
		font-size:1em;
		display:inline-block;
	}

	.button_error{
		color:#CA5E58;
		border-color: #CA5E58;
	}

	.btn {
		border-radius: 0;
		background-color: #FFFFFF;
	}

	.label {
		display: inline-block;
		font-size: 14px;
		text-transform: uppercase;
		font-weight: 500;
		padding: 8px 10px;
		vertical-align: middle;
		position: relative;
		top: -2px;
		margin-bottom: 10px;
		margin-top: 10px;
		border-radius: 0;
	}

	.label-info {
		background: #039BE5;
		color: #ffffff;
	}

	.label-error {
		background: #D32F2F;
		color: #ffffff;
	}

}


/* ------------------------------------- BLOCKS */

.demi-block { width: 50% !important; }

.inline-block { display: inline-block; }

/* ------------------------------------- AUTRES */

.display-none { display: none; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ------------------------------------ ACCUEIL ------------------------------------- */
/* __________________________________________________________________________________ */

@media (max-width: 800px) {

	.home-title {
		margin-top:20px;
		margin-bottom:10px;
		margin-left:auto;
		margin-right:auto;
		font-size:2em;
		text-align:center;
	}

	.home-user {
		margin:6px;
		margin-left:auto;
		margin-right:auto;
		font-size:1.5em;
		text-align:center;
	}
	.home-photo {
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}
	.home-photo img {
		width:85px;
		height:85px;
		border:5px solid #DDE3EE;
		border-radius:100%;
		object-fit:cover;
	}

	.home-quick-access-wrap {
		width:100%;
		padding-top:6px;
		padding-bottom:6px;
		text-align:center;
        margin-top: 25%;
	}
	.home-quick-access {
		margin-bottom:12px;
		margin-left:auto;
		margin-right:auto;
		text-decoration:none;
	}
	.home-quick-access.people {
		color:#336AB2;
		border:2px solid #336AB2;
	}
	.home-quick-access.link {
		color:#95C11E;
		border:2px solid #95C11E;
	}
	.home-quick-access.enterprise {
		color:#F59A00;
		border:2px solid #F59A00;
	}
	.home-quick-access img {
		vertical-align:middle;
		display:inline-block;
		height:60px;
		margin-left:6px;
		margin-right:6px;
	}
	.home-quick-access p {
		vertical-align:middle;
		display:inline-block;
		margin-left:6px;
		margin-right:6px;
		font-size:1.5em;
	}

}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ PORTRAIT */

@media (max-width: 800px) and (orientation:portrait) {

	.home-quick-access {
		width:80%;
	}

}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ PAYSAGE */

@media (max-width: 800px) and (orientation:landscape) {

	.home-quick-access {
		width:60%;
	}

}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ------------------------------------- OUTILS ------------------------------------- */
/* __________________________________________________________________________________ */

/* bleu bouton action */
.blue_action {
	color:#336AB2;
}

/* éléments cachés */
.hidden {
	display:none;
}

/* texte en gras */
.strong {
	font-weight:bold;
}