/* html { 
    overflow-y: scroll;
    -webkit-font-smoothing: antialiased; }

  body {
  	background: #2E2A69; }
*/

  a {
    color:#fff;
    text-decoration:none;
  }
  a:hover {
    color:#FF5E99;
  }
  a:link { -webkit-tap-highlight-color: #FF5E99; } 

  #main 
	{
  	width: 200px;
  	height: 100px;
  	margin: auto; 
	padding:0;
}

  #outer-circle {
  	/*-webkit-box-shadow: 0 0 50px 10px #453D9B;
  	-moz-box-shadow: 0 0 50px 10px #453D9B;
  	box-shadow: 0 0 50px 10px #453D9B;
  	border: 10px solid #ECEBFA;
  	border-top-color:#746EBB;
  	margin: 20% auto;
  	text-align:center;
  	background: -webkit-linear-gradient(top, #ffffff 48%, #ecebfa 49%, #ecebfa 51%, #fff 52%);
  	background: -moz-linear-gradient(top, #ffffff 48%, #ecebfa 49%, #ecebfa 51%, #fff 52%);
  	background: linear-gradient(to bottom, #ffffff 48%, #ecebfa 49%, #ecebfa 51%, #fff 52%);
  	width: 220px;
  	height: 220px;
	
  	-webkit-border-radius: 220px;
  	-moz-border-radius: 220px;
  	border-radius: 220px;*/
  	-webkit-box-shadow: 0 0 25px 5px #453D9B;
  	-moz-box-shadow: 0 0 25px 5px #453D9B;
  	box-shadow: 0 0 25px 5px #453D9B;
  	border: 5px solid #ECEBFA;
  	border-top-color:#746EBB;
  	margin: 20% auto;
  	text-align:center;
  	background: -webkit-linear-gradient(top, #ffffff 48%, #ecebfa 49%, #ecebfa 51%, #fff 52%);
  	background: -moz-linear-gradient(top, #ffffff 48%, #ecebfa 49%, #ecebfa 51%, #fff 52%);
  	background: linear-gradient(to bottom, #ffffff 48%, #ecebfa 49%, #ecebfa 51%, #fff 52%);
  	width: 110px;
  	height: 110px;
	
  	-webkit-border-radius: 110px;
  	-moz-border-radius: 110px;
  	border-radius: 110px;	
  	-webkit-animation:turning_cw 5s infinite;
  	-moz-animation:turning_cw 5s infinite;
  	animation:turning_cw 5s infinite;
  	position:relative;
  	opacity: 0.7; }
  	
  #outer-circle:hover {
  	/*-webkit-box-shadow: 0 0 100px 15px #453D9B;
  	-moz-box-shadow: 0 0 100px 15px #453D9B;
  	box-shadow: 0 0 100px 15px #453D9B; }*/
  	-webkit-box-shadow: 0 0 50px 7px #453D9B;
  	-moz-box-shadow: 0 0 50px 7px #453D9B;
  	box-shadow: 0 0 50px 7px #453D9B; }
  #inner-circle {
  	/*border: 10px solid #ECEBFA;
  	border-left-color:#746EBB;
  	border-right-color:#746EBB;*/
	border: 5px solid #ECEBFA;
  	border-left-color:#746EBB;
  	border-right-color:#746EBB;
	  
  	-webkit-transform: rotate(360deg);
  	-moz-transform: rotate(360deg);
  	transform: rotate(360deg);
	
  	position:absolute;
	
  	background: -webkit-linear-gradient(top, #ecebfa 48%, #746EBB 49%, #746EBB 51%, #ECEBFA 52%);
  	background: -moz-linear-gradient(top, #ecebfa 48%, #746EBB 49%, #746EBB 51%, #ECEBFA 52%);
  	background: linear-gradient(to bottom, #ecebfa 48%, #746EBB 49%, #746EBB 51%, #ECEBFA 52%);
	
  	/*margin: 10px;
  	width: 180px;
  	height: 180px;
	
  	-webkit-border-radius: 180px;
  	-moz-border-radius: 180px;
  	border-radius: 180px;*/
	
	margin: 5px;
  	width: 90px;
  	height: 90px;
	
  	-webkit-border-radius: 90px;
  	-moz-border-radius: 90px;
  	border-radius: 90px;
	  
  	-webkit-animation:turning_acw 3s infinite;
  	-moz-animation:turning_acw 3s infinite;
  	animation:turning_acw 3s infinite; }

  #center-circle {
  	/*border: 10px solid #746EBB;*/
	  border: 5px solid #746EBB;
  	border-bottom-color:#ECEBFA;
  	-webkit-transform: rotate(360deg); 
  	-moz-transform: rotate(360deg); 
  	transform: rotate(360deg); 
  	position:absolute;

  	background: -webkit-linear-gradient(top, #fff 48%, #ECEBFA 49%, #ECEBFA 51%, #fff 52%);
  	background: -moz-linear-gradient(top, #fff 48%, #ECEBFA 49%, #ECEBFA 51%, #fff 52%);
  	background: linear-gradient(to bottom, #fff 48%, #ECEBFA 49%, #ECEBFA 51%, #fff 52%);
	
  	/*margin: 10px;
  	width: 140px;
  	height: 140px;
	
  	-webkit-border-radius: 140px;
  	-moz-border-radius: 140px;
  	border-radius: 140px;*/
	
	margin: 5px;
  	width: 70px;
  	height: 70px;
	
  	-webkit-border-radius: 70px;
  	-moz-border-radius: 70px;
  	border-radius: 70px;
	
  	-webkit-animation:turning_cw 5s infinite;
  	-moz-animation:turning_cw 5s infinite;
  	animation:turning_cw 5s infinite; }

  #content {
  /*	position:absolute;
  	top: 10px;
  	left: 10px;
  	width: 60px;
  	height: 60px;
  	-webkit-border-radius: 140px;
  	-moz-border-radius: 140px;
  	border-radius: 140px;
  	background: #2E2A69; 
  	text-align:center;
  	line-height: 120px;
  	font-size: 30px;
  	color:#746EBB;
  	text-shadow: 0 2px 2px #000;
  	font-weight:bold;*/


  	position:absolute;
  	top: 10px;
  	left: 5px;
  	width: 30px;
  	height: 30px;
  	-webkit-border-radius: 70px;
  	-moz-border-radius: 70px;
  	border-radius: 70px;
  	background: #2E2A69; 
  	text-align:center;
  	line-height: 60px;
  	font-size: 15px;
  	color:#746EBB;
  	text-shadow: 0 2px 2px #000;
  	font-weight:bold; }

  @-webkit-keyframes aura {
  	0%{
  		text-shadow: 0 2px 2px #000; }
  		
  	50%{
  		text-shadow: 0 10px 10px #000;
  		line-height: 190px; }
  		
  	100%{
  		text-shadow: 0 2px 10px #000; }
  }

  @-webkit-keyframes turning_cw {
  	0%{
  		-webkit-transform: rotate(0deg); }
  	100%{
  		-webkit-transform: rotate(360deg); }
  }
  
  @-webkit-keyframes turning_acw {
  	0%{
  		-webkit-transform: rotate(360deg); }
  	100%{
  		-webkit-transform: rotate(0deg); }
  }

  @-moz-keyframes aura {
  	0%{
  		text-shadow: 0 2px 2px #000; }
  		
  	50%{
  		text-shadow: 0 10px 10px #000;
  		line-height: 190px; }
  		
  	100%{
  		text-shadow: 0 2px 10px #000; }
  }

  @-moz-keyframes turning_cw {
  	0%{
  		-moz-transform: rotate(0deg); }
  	100%{
  		-moz-transform: rotate(360deg); }
  }
  
  @-moz-keyframes turning_acw {
  	0%{
  		-moz-transform: rotate(360deg); }
  	100%{
  		-moz-transform: rotate(0deg); }
  }

  @keyframes aura {
  	0%{
  		text-shadow: 0 2px 2px #000; }
  		
  	50%{
  		text-shadow: 0 10px 10px #000;
  		line-height: 190px; }
  		
  	100%{
  		text-shadow: 0 2px 10px #000; }
  }

  @keyframes turning_cw {
  	0%{
  		transform: rotate(0deg); }
  	100%{
  		transform: rotate(360deg); }
  }
  
  @keyframes turning_acw {
  	0%{
  		transform: rotate(360deg); }
  	100%{
  		transform: rotate(0deg); }
  }

/* ******************************************************* */

.corp	{
        height: 180px;
		margin-top:22px;
	margin-bottom:22px;
	/*background-color: yellow;*/
}
/* ******************************************************* */

table {  /* conteneur des input */
	/*border: 1px solid white;*/
	margin-top:55px;
	margin-bottom:45px;
    margin-left:auto; 
    margin-right:auto;
	border-collapse: collapse;
	width: 120px;
	height:55px;
	border-style: none;
}
/* ------------------------------------------- */
th { /* ligne */
font-family: monospace;
color:#8c8a8c;
height:70px;	
}
/* ------------------------------------------- */
td { /* colonne de gauche */
font-family: sans-serif;
color:#8c8a8c;
text-align: left;
border-style: none;
}
/* ------------------------------------------- */
td.descrip { /* colonne de droite */
font-family: sans-serif;
color:#8c8a8c;
text-align: right;
border-style: none;
}
/* ------------------------------------------- */
.case { /* largeur bouton user et password */
margin-top:15px;
height: 30px;
}
/* ------------------------------------------- */
caption {
font-family: sans-serif;
}
/* ------------------------------------------- */
input[type=text] {
	text-decoration:none;
    border:2px solid;
    border-color:#DCDCDC #696969 #696969 #DCDCDC;
	border-top-left-radius: 5pt;
	background-color: #050112;
	color: white;
	width: 100%;
	text-align: center;	
}
input[type=text]:hover {
	border-top-left-radius: 5pt;
	background-color: #8c8a8c;
	color: white;	
}
/* ------------------------------------------- */
input[type=password] {
	text-decoration:none;
    border:2px solid;
    border-color:#DCDCDC #696969 #696969 #DCDCDC;
	border-top-left-radius: 5pt;
	background-color: #050112;
	color: white;
	width: 100%;
	text-align: center;
}
input[type=password]:hover {
	border-top-left-radius: 5pt;
	background-color: #8c8a8c;
	color: white;
}
/* ------------------------------------------- */
.centrerButton{ /* div qui contien les button login et clear */
	margin: 0 auto;
	background:#050112;
	width:260px;
	padding:0; /* espace interne du conteneur */
	text-align:center;
	border-radius: 4px;
}
/* ------------------------------------------- */
.boutonValiderIntranet { /* button LOGIN */
	display:block;
	float:left;
	margin: 0 auto;
	margin-right:5px;
    width: 120px;
    padding: 5px 0;
    border: 1px solid #d0ced2;
    background-color: #050112;
    color: White;
    text-decoration: none;
	text-align: center;
	text-decoration:none;
    border:2px solid;
    border-color:#DCDCDC #696969 #696969 #DCDCDC;
	border-top-left-radius: 5pt;
}
.boutonValiderIntranet:hover { /* button LOGIN au survol */
	background-color: #8c8a8c;
    color: White;
	cursor: Pointer;
}
/* ------------------------------------------- */
.boutonResetIntranet { /* button CLEAR */
	display:block;
	float:right;
	margin: 0 auto;
	margin-left:5px;
    width: 120px;
    padding: 5px 0;
    border: 1px solid #d0ced2;
    background-color: #050112;
    color: White;
    text-decoration: none;
	text-align: center;
	text-decoration:none;
    border:2px solid;
    border-color:#DCDCDC #696969 #696969 #DCDCDC;
	border-top-left-radius: 5pt;

}
.boutonResetIntranet:hover { /* button CLEAR au survol */
	background-color: #8c8a8c;
    color: White;
	cursor: Pointer;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */