/*---------------------------------------*/
/* login screen                          */
/*---------------------------------------*/
td, th {
  font-size: 80%;
}

body {
}

div#container {
	width:100%;
	/*height:600px;*/
}

div#loginbox {
	width:472px;
	height: 550px;
	background-color:none;
	background-image:url(images/loginbox-back-perso-nu2022.png);
	background-repeat: no-repeat;
	padding-top:125px;
	padding-left:32px;
	position: absolute ;
	top: 10%;
	right: 15%;
}

@media screen and (max-width: 768px) {
	div#loginbox {
		right: inherit;
	}
}



input[type="submit"] {
	background-color: #3452FF;
	border: 2px solid #3452FF;
	color: white !important;
	font-family: 'SourceSansProSemiBold',Helvetica,Arial,sans-serif;
	transition-duration: 0.4s;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding: 10px 20px;
	text-transform: uppercase;
}

.etu div#loginbox {
	width:472px;
	height: 550px;
	background-color:none;
	background-image:url(/images/login/loginbox-back-etu-nu2022.png);
	background-repeat: no-repeat;
	padding-top:125px;
	padding-left:32px;
}

#loginboxTable {
	width:356px;
	height:237px;
        padding-left:40px;
        padding-right:20px;
        padding-bottom:0px;
        padding-top: 20px;

	margin:0px;
	border-collapse:collapse;
}

#loginboxSituation2 {
	width:439px;
	height:237px;
	border:1px solid #FED22F;
	background-color: #FFE45C;
	color: #363636;
}

#loginboxTableTextTd {
	vertical-align:middle;
	padding-left:40px;
	padding-right:20px;
	padding-bottom:0px;
	padding-top: 20px;
	margin:0px;
}

#loginboxTableTextTd .error {
	border: 1px solid #FF0084;
	padding: 7px;
	font-weight: bold;
	color: #FF0084;

}

#loginboxTableFormTd {
	vertical-align:top;
	width:50%;
	margin:0px;
	padding-left:40px;
	padding-right:10px;
	padding-bottom:10px;	
}

.loginButton {
	padding: 20px 20px 10px 70px;
}

#login_username, #secretkey {
	width: 280px;
}

#lostPassword {
	color: #3452FF;
}

.label {
	font-weight:bold;
	font-size: 15px;
	padding-bottom:5px;
}

.field {
	padding-left:0px;
	padding-bottom: 5px;
}


.field input {
	border:0px;
	height:19px;
	padding:3px;
	background-color: #e7ebee !important;
	border-radius: 3px !important;
	border: 1px solid #D3D3D3 !important;
	box-shadow: none !important;
}

.button {
	padding-left:35px;
	padding-top:5px;
}

/*.button input {
	border:0px;
        height:25px;
        padding:3px;
        background:none;
	color: #0070a9;
	font-size: 15px;
	font-weight: bold;
	
}*/

/*.etu .button input {
	border:0px;
        height:25px;
        padding:3px;
        background:none;
	color: #760072;
	font-size: 15px;
	font-weight: bold;
}*/

#logo {
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	background-image:url(https://cdn.univ-nantes.fr/images/cas/logo-bottom-nu2022.png);
        width: 293px;
        height: 138px;
}

//------------------------------------------
// slideshow
//------------------------------------------
#supersized-loader {
	display: none;
        position:absolute;
        top:50%;    
        left:50%;
        z-index:10;
        width:60px; 
        height:60px;
        margin:-30px 0 0 -30px; 
        text-indent:-999em;
        background-color: none;
        background: none;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        border-radius:5px;
}

#controls-wrapper { 
	margin:0 auto; 
	height:62px; 
	width:100%; 
	bottom:0; 
	left:0; 
	z-index:4; 
	position:fixed; 
	background: none;
}

#controls { 
	overflow:hidden; 
	height:100%; 
	text-align:left; 
	z-index:5; 
	padding:0 10px; /* Increase padding to give thumbnails room */ 
}

#slidecaption { 
	overflow:hidden; 
	float:left; 
	color:#FFF; 
	font:16px "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-weight:bold; 
	text-shadow:#000 0 2px 0;
	 margin:23px 20px 23px 0; 
}

/*---------------------------------------*/
/* rss                                   */
/*---------------------------------------*/
.rss-box {
	padding-left:0px;
	padding-right:0px;
	text-align:left; 
	margin:0px; 
	width:210px;
	float: left;
}

.left {
	float: left;
}

.right {
	float: right;
}

.rss-box-left {
	padding-left:10px;
	padding-right:10px;
	text-align:left; 
	float:left;
	margin:0px; 
	width:200px;

}

.rss-title {
	font-weight: bold;
	font-size:18;
	vertical-align:middle;
	text-align:left;
	padding-bottom:5px;
}

.rss-title img {
	vertical-align: middle;
	padding-right: 5px;
	border:0px;
}

.rss-title a {
	border:0px;
}


ul.rss {
	padding-left: 10px;
	padding-right: 10px;
	list-style-image: none;
	list-style-type: none;
}

li.rss {
	padding-left: 0px;
	margin-left: 5px;
	border-bottom: 1px solid #dddddd;
	padding-top: 2px;
	padding-bottom: 2px;
}

li.last {
	border-bottom: none !important;
}

li.rss:hover {
	background: #E7EBEE;
}

li.rss a {
	text-decoration: none;	
	color:#3452FF;
}

li.rss:first-letter {
	font-weight: bolder;
	color: #3452FF;
}