.cssbutton {
	border: 1px solid #482683;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#482683), to(#ffffff));
	background: -webkit-linear-gradient(top, #482683, #ffffff);
	background: -moz-linear-gradient(top, #482683, #ffffff);
	background: -ms-linear-gradient(top, #482683, #ffffff);
	background: -o-linear-gradient(top, #482683, #ffffff);
	padding: 80px 15px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: #339958;
	font-size: 17px;
	font-family: 'Source sans pro', sans-serif;
	text-decoration: none;
	vertical-align: middle;
	}
	.cssbutton:hover {
	border-top-color: #F7485E; /* rappel ancienne couleur : #9696ff; vy :FD9909*/ 
	background: #F7485E;
	color: #482683;
	transition: color 1s;
	transition: background 1s;
	}
	.cssbutton:active {
	border-top-color: #339966;
	background: #339966;
	}

	td { font:normal 16pt}
	.bouton { text-align:right;background:#000000; }
	A { font:12pt PT;
	text-decoration:none;
	color:#2A54AE}
	A:hover {
	border-top-color: #F7485E;
	background-color: #F7485E;
	color: #CCCCCC;
	}

	h4{
	font-family : 'Source sans pro', sans-serif;
	font-weight : bold;
	}

	a:hover span.aide {
	display:block;
	border:1px solid #000;
	background-color:#FFF;
	color:#000;
	text-align: justify;
	font-size: 15px;
	font-style:italic;
	padding:15px;
	position:absolute;
	width:15em;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	}

	a span {
	display:none;
	position:absolute;
	}


	.fond {
		background:#FFFFFF;
		text-align:center;
	}
	img:
	.ombreout {
	background-color:#E4EFFF;
	border:1px solid #9FC6FF;
	padding:5px;
	box-shadow:2px 2px 10px gray;
	-moz-box-shadow:2px 2px 10px gray;
	-webkit-box-shadow:2px 2px 10px gray;
	}
	h1 { text-decoration: underline;
	font-weight: bold; font-style: italic; color: rgb(102, 0, 0);
	font-size: large;}
	h2 { text-decoration: underline;
	font-weight: bold; font-style: italic; color: #003300;
	font-size: large;}
	h3 { text-decoration: underline;
	font-weight: bold; font-style: italic; color: #003300;
	font-size: x-small;}
	.bouton_taille {width:140px; height:25px;font-size:10px;font-family:'Source sans pro', sans-serif;
	text-decoration: none;}
	#logo_mat{
	float:left;
	width:25%;
	}
	#titre_banner{
	float:left;
	vertical-align:bottom;
	width:48%
	}
	
	.titre_login{
	font-family : 'Source sans pro', sans-serif;
	font-size : 20px;
	font-weight : bold;
	}
	.intitule_login{
	font-family : 'Source sans pro', sans-serif;
	font-size : 12px;
	display:block;
	}
	
	#logo_sabia{
	vertical-align:bottom;
	width:25%;
	}
	#pastille {
	padding:5px;
	position:absolute;
	background: #AA0011;
	color:white;
	font-size:12px;
	border:1px solid  #ffffff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	height:15px;
	cursor:pointer;
	}
	#pastille:hover {
	color:#CC0011;
	background: #FFFFFF;
	border:1px solid  #AA0011;
	}
	#img_index img{
	border:3px solid  #2A54AE;	
	}
	.fr {
		float:right;
	}
	.fl {
		float:left;
	}
	.fc {
		float:center;
	}
	
	.login_mdp{
		font-size:20px;
	}
	
	@media (max-width:540px) {
	.bouton_taille {
			width:140px;
			height:35px;
			font-size:20px;
			font-family:'Source sans pro', sans-serif;
			text-decoration: none;
			border:1px solid  #ffffff;

		}
	.login_mdp{
		font-size:30px;
	}
	.fond {
		width:90%;
	}
	#table_login {
		width:300px;
	}
	}