/* CSS Document */

html,body {
	font-family: Ubuntu, Trebuchet MS, Verdana;
	font-size:12px;
	color: rgb(52, 78, 84);
	margin:0px;
    height:100%;
    border:none;
	text-align:center;
}

@media screen and (max-height:870px) {
	.footer{
		display:none;
	}
}
input {
	margin:0;
	align:center;
	width: 75%;
	color:#4f4f4f;
	padding: 10px 15px;
	margin-bottom:20px;
	border: 1px #1e73be solid;
	border-radius:1px;
	font-family:Ubuntu, Trebuchet MS, Verdana;
}
a {
	font-family: Ubuntu, Trebuchet MS, Verdana;
	text-decoration: none;
}

/*header*/
.header_background {
	background: #1e73be; text-align: center; height:60px;
}
.logoheader{
	float:left; margin-left:5%; margin-top:10px;
}
.Titre_welcome {
	color: #FFFFFF; 
	font-size: 22px;
	font-weight:bold;
	valign: bottom; 
	witdh:40%; 
	align:center; 
	margin-top:20px; 
	display: inline-block;
}
.blocdropdownlangues{
	width:15%;
	padding: 5px 15px 5px 5px; 
	margin-right:5%; 
	text-align: left;
	height:40px;
	float:right; 
	margin-top:5px;
}
.dropdownlangues{
	width: 150px; 
	height:40px; 
	margin:0px; 
	font-weight: bold;
}

/*fin header*/
/*link*/
	.petit_lien {
		color:#89beee;
		font-weight:bold;
		text-decoration:none;
		border: 1px #89beec solid;
		border-radius: 5px;
		padding:3px;
	}

/*fin link*/
/*button*/
   .main_button{
			display:inline-block;
			width:200px;
			background-color:#1e73be;
			border: 1px #134979 solid;
			border-radius:1px;
			color:white;
			text-decoration:none;
			font-size:14px;
			text-align:center;
			font-family: Ubuntu, Trebuchet MS, Verdana;
			padding:10px 2px 10px 2px;
			margin:5px 1%;
			cursor:pointer;
		}
		.bouton_secondaire{
			display:inline-block;
			width:auto;
			background-color:#89beec;
			border: 1px #1e73be solid;
			border-radius:1px;
			color:white;
			text-decoration:none;
			font-size:14px;
			text-align:center;
			font-family: Ubuntu, Trebuchet MS, Verdana;
			padding:5px 2px 5px 2px;
			margin:5px 1%;
			cursor:pointer;
		}
/* fin button*/
/*textbox*/

		.label_champ{
			display: inline-block;
			width:25%; 
			text-align:right; 
			padding-right:20px;
		}
		.champ{
			display:inline-block; 
			align:left; 
			width: 65%;
		}
/*fin textbox*/

/* footer */
.footer{
	height:60px!important;
	background-color:#1e73be;
	position:absolute;
	bottom:0px;
	width:100%;
}


.mini_titre{
	font-weight:bold;
	text-align:center;
}
.message_direct{
	background-color:#f8f8ff;
	display:inline-block; 
	padding:0px 20px 0px 20px; 
	border:1px #89beec solid;
	border-radius:3px;
}
.login_form{
	background-color:#f8f8ff;
	display:inline-block; 
	padding:0px 20px 0px 20px; 
	border:1px #89beec solid;
	border-radius:3px;
	width:500px;min-height:300px;  height:auto; margin:auto; margin-top:3%;
}
.pav_creations{
	background-color:#f8f8ff;
	display:inline-block; 
	padding: 20px 20px 0px 20px; 
	border:1px #89beec solid;
	border-radius:3px;
	width:800px; margin:auto; margin-top:3%; margin-bottom:60px;
}
.pav_creations img{
	width:60px;
}

.erreur{
	color:#F00;
	font-size:14px;
	font-weight:bold;
	width:60%;
	padding:10px 5px;
	margin:15px auto;
	background-color:#FFE4E4;
	border : 2px #F00 solid;
	border-radius:5px;
}

.titre_app{ font-size:15px; font-weight:bold }
.linkdevice {
 
  color:#BBB;font-size:12px;
  }
a:link.app_link
{font-size:12px; color: rgb(70, 150, 255);}
a:visited.app_link  
{font-size:12px; color: rgb(70, 150, 255);}
a:hover.app_link  
{font-size:12px; color: rgb(00,100, 180);}

.app_titlelink {font-family:archive; font-size:12px; color: #1e73be;}
.app_title {font-family:archive; font-size:12px; color: #1e73be;}
.ligne_form1{ padding-bottom:20px}
.tb_formpwd{ display:none}