@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');
  }

*{
	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.form{
	width:52%;
	display:inline-block;
}
div#posconnexion{
	margin-top: 10%;
	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%;
}

.header .blockup img {
    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;
}
.resetMDP{
	display:none;

}
.messageconnexion{
	color:#666666;
	font-size:80%;
}
.modiflogin::placeholder{
    font-weight: bold;
}
.submitlogin{
    text-align:center;
    cursor: pointer;
    width: 60%;
    color:white;
    background: #5CC6D6;
    padding:1% 0%;
    border: 1px solid #E8E8EA;
    box-sizing: border-box;
    border-radius: 18px;

}
#ssoConnection{
    display: inline-block;
    text-decoration: none;
}

div.pied{
	display:block;
}
div.footer-box{
	display:flex;
	flex-wrap:nowrap;
}
#resetmdp{
	color:#666666;
	font-size:67%;
	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;
}