Mon compte
    D�connexion

Connect� en tant que steria_nac

    Accueil
    Ma page
    Projets
    Aide

Recherche :
CASPUB - Authentification publique

    Aper�u
    Activit�
    Roadmap
    Backlogs
    Releases
    Demandes
    Nouvelle demande
    Gantt
    Calendrier
    Documents
    Wiki
    Fichiers
    D�p�t
    Configuration

Repository Access Links:
Paste

    SSH
    HTTP

This URL has Read+Write access .
Statistiques
 | Branche:
 | Tag:
 | R�vision :
root / WebAuthPublique / cas-server-webapp / src / main / webapp / css / bnf
	/ screen.css @ master

Historique | Voir | Annoter | T�l�charger (6,35 ko )

html, body {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	font-size: 0.8em;
	color: #414141;
	background: url(/images/bnf/bg_site.jpg) repeat-x #c4c9cd;
	margin: 0;
}
html, body, input {
	font-family: 'Roboto';
}

form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

a {
	color: #000;
}

a img {
	border: none;
}

select {
	margin-bottom: 12px;
	margin-left: 12px;
	font-family: arial;
	font-size: 1em;
}

.erreur {
	font-size: 14px;
	font-weight: bold;
	text-align: justify;
	color: red;
}

.numLecteurSaisi {
	width: 42%;
	min-width: 15em;
    display: inline-block;
}

.authEnCours {
	display: none;
	font-weight: bold;
	color: #302D2D;
	font-size: 14px;
	height: 70px
}

#entete {
	position: relative;
	width: 932px;
	height: 101px;
	margin: 0 auto;
	text-align: left;
	background: url(/images/bnf/bg_entete_accueil.png) no-repeat;
}

#entete .logobnf {
	float: left;
	width: 132px;
	padding-top: 5px;
	text-align: right;
}

#entete .transversal {
	position: absolute;
	right: 16em;
	padding-top: 2px;
	text-align: right;
	font-size: 0.85em;
}

#entete .transversal a {
	text-decoration: none;
}

#entete .transversal .sep {
	padding: 0 4px;
}

#entete .transversal a:hover, #entete .sites ul a:hover, #entete .profil a:hover,
	#entete .deconnexion a:hover {
	text-decoration: underline;
}

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

#entete .sites {
	position: absolute;
	top: 0;
	right: 0;
	width: 150px;
	padding: 4px 0 4px 14px;
	font-size: 0.9em;
	background: url(/images/bnf/bt_entete.gif) no-repeat left bottom;
}

#entete .sites span {
	padding-right: 17px;
	background: url(/images/bnf/bt_entete_span.gif) no-repeat right 4px;
}

#entete .sites a {
	text-decoration: none;
}

#entete .sites ul {
	margin: 6px 15px 0;
	padding: 0;
	text-align: left;
}

#entete .sites ul li {
	padding: 0 0 4px;
}

#entete .sites ul li a {
	text-decoration: underline;
}

#entete .logoperso-space {
	float: left;
	width: 294px;
	padding-top: 12px;
	text-align: right;
}

#entete .logoperso-space-profil {
	float: left;
	width: 294px;
	padding-top: 12px;
	text-align: right;
}

#entete .logoperso-space {
	float: left;
	width: 294px;
	padding-top: 12px;
	text-align: right;
}

#coinhaut .coin_bas_marron {
	padding: 7px 13px 7px 11px;
	background: url(/images/bnf/coin-bas-marron.gif) no-repeat scroll right
		bottom transparent;
}

#coinhaut .coin_haut_marron {
	position: absolute;
	top: 50px;
	left: 7px;
	background: url(/images/bnf/coin-haut-marron.gif) right top no-repeat
		#b1a79e;
}

#coinhaut .coin_bas_marron a {
	display: block;
	padding-left: 15px;
	text-decoration: none;
	color: #fff;
	background: url(/images/bnf/fleche.gif) left center no-repeat;
	cursor: pointer;
}

#site {
	width: 932px;
	margin: 0 auto;
	text-align: left;
	background: url(/images/bnf/bg_page.png) repeat-y;
}

#site .identification {
	margin: 0 6px;
	background-color: #E8E4D8;
}

#site .identification .col1 {
	float: left;
	width: 492px;
	margin: 0;
	padding: 0;
	background-color: #FFF;
}

#site .identification .col1 .text {
	padding: 30px 40px 16px;
	font-size: 1.1em;
	color: #414141;
}

#site .identification .col1 .text .title {
	font-size: 1.25em;
}

#site .identification .col1 .text p {
	margin: 14px 0;
}

#site .identification .col1 .visuels {
	margin-bottom: 0.5em;
	text-align: center;
}

#site .identification .col1 .visuels .col1 {
	padding: 1px; 
	width: 218px; 
	margin-left: 22px;
}

#site .identification .col1 .visuels .col2 {
	width: 235px;
}

#site .identification .col1 .visuels img {
	margin-bottom: 14px;
}

#site .identification .col1 .visuels2 {
	padding-top: 40px;
	text-align: center;
}

#site .identification .col1 .visuels2 img {
	margin: 0 7px 14px;
}

#site .identification .col2 {
	float: left;
	width: 100%;
	padding: 0;
}

#site .identification .col2 .nouveau {
	padding: 26px 40px 22px;
	color: #fff;
	background-image: linear-gradient(to bottom, #7F7B77, #000);
}
#site .identification .col2 .nouveau .boutons div {
	border: #fff 1px solid;
	padding: 0 1.5em;
	text-transform: uppercase;
	color: #FFF;
	font-size: 0.75em;
	font-weight: normal;
	letter-spacing: 0.2em;
	cursor: pointer;
}

#site .identification .col2 .nouveau p {
	margin: 14px 0;
	font-size: 1.1em;
	display: inline-block;
}

#site .identification .col2 .texte p {
	margin: 1px 1px;
	font-size: 0.9em;
	display: inline-block;
	padding-top: 15px;
}

#site .identification .col2 .texte a {
	color:#fff;
}
 
#site .identification .col2 .nouveau .boutons {
	display: inline-block;
	margin-left: 1em;
	margin-bottom: -0.7em;
}

#site .identification .col2 .title {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0.2em 0 0.7em;
}

#site .identification .col2 .membre {
	padding: 12px 30px 36px 40px;
	color: #302d2d;
}

#site .identification .col2 .membre .boutons {
	display: inline-block;
	margin-left: 8em;
}
#site .identification .col2 .membre #identification-ep .boutons {
	margin-left: 11em;
}
#site .identification .col2 .membre .boutons.btnNumCarteSaisi {
	margin-left: 11em;
}

#site .identification .col2 .membre ul {
	list-style-type: square;
}
#site .identification .col2 .membre ul li {
	padding: 1em;
}
#site .identification .col2 .membre ul li section {
	margin-left: 2em;
}

#site .identification .col2 .membre .boutons div {
	border: none;
	padding: 0.2em 1.7em;
	text-transform: uppercase;
	background-color: #5D5D5D;
	color: #FFF;
	font-size: 0.75em;
	font-weight: normal;
	letter-spacing: 0.2em;
	cursor: pointer;
	margin-top: 0.5em;
}

#site .identification .col2 fieldset {
	width: 42%;
	min-width: 15em;
	padding-top: 2px;
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
}

#site .identification .col2 .membre label {
	display: inline-block;
	font-size: 1.1em;
	font-weight: bold;
	margin: 1em 0 0.1em;
}

#site .identification .col2 .membre label a {
	text-decoration: none;
	font-weight: normal;
	font-size: 0.9em;
}

#site .identification .col2 .membre label a.icone-aide {    
	font-size: 1.2em;
    margin-left: 0.1em;
}

#site .identification .col2 .membre input {
	width: 100%;
	border: 1px solid #4c4c4c;
	background-color: #E8E4D8;
}

#site .identification .col2 .membre .lien {    
	position: absolute;
    right: 0;
    display: block;
    text-align: right;
    font-size: 0.9em;
    font-weight: bold;
    margin-top: 0.1em;
}

#site .identification .col2 .ou {
	margin: 2.5em 0 1.7em;
	text-align: center;
	color: transparent;
	background-image: repeating-linear-gradient(135deg, #E8E4D8, #E8E4D8 2px, #000 3px, #000 3px);
	height: 0.7em;
	width: 93%;
	position: relative;
}

#site .identification .col2 .ou span {
	display: inline-block;
	background-color: #E8E4D8;
	padding: 0 0.8em;
	margin-top: -0.4em;
	position: absolute;
	left: 12em;
	color: #000;
}

#site .colunique .boutons a, #site .col2 .boutons a {
	color: #fff;
}

.boutons {
	height: 31px;
}

.boutons input {
	margin-top: 4px;
	border: none;
	background: none;
	cursor: pointer;
}

.boutons div {
	float: left;
	width: 125px;
	text-align: center;
	text-decoration: none;
	font-size: 1.1em;
	line-height: 28px;
}

.boutons div a {
	display: block;
}

#site .alias .boutons div, #site .mdp .boutons div {
	color: #fff;
	background: url(/images/bnf/bt_bronze2.png) no-repeat;
}

#site .alias .boutons div input, #site .alias .boutons div a, #site .mdp .boutons div input,
	#site .mdp .boutons div a {
	color: #fff;
}

.boutons div a {
	text-decoration: none;
	color: #302d2d;
}

#pieddepage {
	width: 932px;
	margin: 0 auto 1em;
	padding-top: 1em;
	text-align: center;
	font-size: 0.85em;
	background: url(/images/bnf/pieddepage.png) no-repeat;
}

#pieddepage a {
	text-decoration: none;
	color: #414141;
}

#pieddepage a:hover {
	text-decoration: underline;
}

#pieddepage .sep {
	padding: 0 4px;
}

@media screen and (max-width: 912px)
{
	#entete {
		background-position: -1em;
	}
	#entete,
	#site,
	#pieddepage {
		width: 100%;
	}
	#site .identification {
		margin: 0;
	}
}
@media screen and (max-width: 681px)
{
	#site .identification .col2 .membre .boutons {
		margin-left: 1em !important;
	}
}
@media screen and (max-width: 526px)
{
	#site .identification .col2 .membre ul {
		padding: 1em;
	}
}
@media screen and (max-width: 512px)
{
	#site .identification .col2 .membre section {
		margin-left: 0 !important;
	}
}
@media screen and (max-width: 486px)
{
	#site .identification .col2 .membre input {
		width: 98.5%;
	}
	.numLecteurSaisi,
	#site .identification .col2 .membre .boutons,
	#site .identification .col2 .membre fieldset {
		width: 80%;
		margin-left: auto !important;
		margin-right: auto;
		display: block;
	}
	#site .identification .col2 .membre .boutons div {
		width: 100%;
		padding: 0;
	}
}

Powered
 
by
 
Redmine
 
�
 
2006-2013
Jean-Philippe
 
Lang