@charset "UTF-8";

@font-face {
	font-family: "Open Sans";
	src:
		url(../webfonts/OpenSans-Regular.ttf) format("truetype"),
		url(../webfonts/OpenSans-Bold.ttf) format("truetype"),
		url(../webfonts/OpenSans-Light.ttf) format("truetype"),
		url(../webfonts/OpenSans-Semibold.ttf) format("truetype"),
		url(../webfonts/OpenSans-Medium.ttf) format("truetype"),
		url(../webfonts/OFL.txt) format('woff');
}

body,
html {
	width: 100%;
	height: 100vh;
	padding: 0;
	margin: 0;
}

header i {
	margin-left: .5rem;
}
.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #0f8db8;
	--bs-btn-border-color: #0f8db8;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #7e7e7e;
	--bs-btn-hover-border-color: #0f8db8;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #0f8db8;
	--bs-btn-active-border-color: #0f8db8;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #0f8db8;
	--bs-btn-disabled-border-color: #0f8db8;
}

.img-back {
	background-image: url("/images/design/Illustration_login_background.svg");
	background-repeat: no-repeat;
	background-size:cover;
	background-position:right;
}

* {
	font-family: 'Open Sans', sans-serif, Helvetica, Arial;
}

.login {
	width: 80%;
	margin: auto;
	height: 100%;

}

div.header {
	display: flex;
	flex-wrap: nowrap;
}

.blockup {
	flex-basis: 49%;
	height: 10%;
	padding-top: 1%;
	display: inline-block;

}

#logoOrganisation {
	width: 160px;
	height: 80px;
}

#contactSupport {
	text-decoration: none;
	color: #333333;
}

.infos {
	margin-top: 2%;
	flex-basis: 50%;
	padding-left: 0;
	padding-top: 0;
	font-size: 14px;
	text-align: right;
}

#btInscription {
	background: gold;
	border-radius: 10%;
	padding: 2%;
	color: white;
	cursor: pointer;
}

#divFrmInscription {
	padding: 10%;
	border-radius: 10px;
	margin-bottom: 2%;
}

div#posconnexion {
	text-align: center;
}

span#fondFormLogin {
	text-align: right;
}

/* ---------------------------- */
/* Défilement de droite à gauche */
.marquee-rtl {
	overflow: hidden;
	/* important */
	width: 50%;
	max-width: 30em;
	/* A ADAPTER */
}

.marquee-rtl>div {
	display: inline-block;
	/* important */
	white-space: nowrap;
	/* important */
	animation: defilement-rtl 15s infinite linear;
	/* défilement */
	cursor: pointer;
	padding: 10px 2em 10px 100%;
}

.marquee-rtl:hover>div {
	animation-play-state: paused;
	/* met en pause le défilement */
}

.marquee-rtl>div:first-letter {
	font-weight: 700;
	color: #F00;
}

@keyframes defilement-rtl {
	0% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}

	100% {
		-webkit-transform: translate(-100%);
		transform: translate(-100%);
	}
}

/* ---------------------------- */
/* texte sur plusieurs lignes automatiquement */


/* ---------------------------- */
/* déco */
h2,
p {
	text-align: justify;
}

.marquee-rtl {
	margin: 2em auto;
	border: 10px solid #F0F0FF;
	box-shadow: 0 .25em .5em #CCC, inset 0 0 1em .25em #CCC;
}

.marquee-rtl>div {
	font-size: 1.5em;
}

#logo {
	width: 50%;
}

.logosihamux {
	height: 52px;
	animation-duration: 3s;
	animation-name: tournicoti;
}

@keyframes tournicoti {
	from {
		transform: scaleX(-1);
	}

	to {
		transform: scaleX(1);
	}
}

div.accueilSiham {
	width: 80%;
	margin: 10% auto 10%;
	display: flex;
	flex-wrap: nowrap;
}

@media screen and (max-width: 1440px) {
	.form {
		/* position:absolute;
	top:10%; */
		flex-basis: 100%;
		order: 1;
	}

	#logo {

		flex-basis: 100%;
		order: 2;
	}

	.messageAccueil {
		flex-basis: 100%;
		order: 0;
	}

	.logo {
		text-align: center;
	}
}


div.messageAccueil {
	width: 30%;
	display: inline-block;
	margin-top: 10%;
	text-align: center;

}

span.titreAccueil {
	font-weight: bold;
}



#tabRZ {
	margin: auto;
	height: auto;
	border-bottom: dashed 1px;
	text-align: centre;
	font-size: 90%;
}

#tabClient {
	height: auto;
	/* max-width: 600px; */
	margin: auto;
	text-align: right;
	font-size: 90%;

}

fieldset.divfiltre {
	/* border: none;*/
	/*background: #EAEAEA;*/
	background: white;
}

fieldset {
	border: none;
}

.mdp {
	text-align: center;
	padding: 1% 30%;
}

.modiflogin {
	margin-top: 1%;
	width: 60%;
	padding: 1% 10%;
	background: #DADADA;
	color: #000000;
	/* Gray/11 */
	border: 1px solid #E8E8EA;
	box-sizing: border-box;
	border-radius: 18px;
	text-align: center;
}

#warncapslock {
	display: none;
	margin-top: 10px;
	color: darkre
}

#warncapslock.img {
	vertical-align: middle;
}

.messageconnexion {
	color: #666666;
	font-size: 80%;
}

.modiflogin::placeholder {
	font-weight: bold;
}

div.pied {
	display: block;
}

div.footer-box {
	display: flex;
	flex-wrap: nowrap;
}

#resetmdp {
	color: #666666;
	text-decoration: none;
}

#logo>img {
	max-width: 100%;
	max-height: 100%;
	display: block;
}

.morecontent span {
	display: none;
}

.morelink {
	display: block;
}

fieldset.aideCompoMDP ul {
	list-style: none;
}