Rev 354 | Go to most recent revision | Blame | Last modification | View Log
/* règles générales */
:link, :visited, :hover:link, :hover:visited {
FONT-FAMILY: "DejaVu Sans";
COLOR: #000000;
}
H1, H2, #aide-certif {
TEXT-ALIGN: center;
padding: 0px;
margin: 3px;
}
P, UL, LI{
TEXT-ALIGN: justify;
}
INPUT {
BACKGROUND-COLOR: white;
}
BODY {
BACKGROUND-IMAGE: url(/images/fond.png);
BACKGROUND-REPEAT: repeat-x;
TEXT-ALIGN: center;
FONT-FAMILY: "DejaVu Sans";
COLOR: #666666;
FONT-SIZE: 12px;
BACKGROUND-COLOR: #666666;
MARGIN: 0px;
}
H1 {
COLOR: #666666;
FONT-SIZE: 55px;
}
H2 {
COLOR: #000000;
FONT-SIZE: 30px;
}
H6, #aide-certif{
FONT-SIZE: 100%;
}
UL {
MARGIN: 5px;
PADDING-BOTTOM: 5px;
PADDING-LEFT: 10px;
PADDING-RIGHT: 115px;
PADDING-TOP: 5px;
}
LI {
LIST-STYLE-TYPE: square;
PADDING-TOP: 2px;
}
TABLE {
FONT-SIZE: 90%;
}
IMG {
HEIGHT: 150px;
}
INPUT {
BORDER: #666666 1px solid;
PADDING: 2px;
FONT-FAMILY: Arial;
HEIGHT: 22px;
}
/* Taille et position des logos */
#logo-alcasar {
POSITION: absolute;
BOTTOM: 25px;
RIGHT: 5px;
HEIGHT: 130px;
}
#logo-organ {
POSITION: relative;
TOP: 0px;
RIGHT: -10px;
MAX-WIDTH: 150px;
MAX-HEIGHT: 150px;
}
/* Placement et proportion de la boite de saisie et de l'aide */
#logon {
POSITION: relative;
WIDTH: 620px;
TOP: 20px;
border: 1px #efefef solid;
background-color: white;
}
#boite-logon {
BACKGROUND-IMAGE: url(/images/fond-bdd.png);
BORDER: #999999 1px solid;
PADDING: 10px;
WIDTH: 420px;
BACKGROUND-REPEAT: repeat-x;
HEIGHT: 189px;
COLOR: black;
}
#boite-logon TD {
PADDING-TOP: 10px;
}
#boite-info {
BORDER: 0px;
MARGIN-TOP: 25px;
WIDTH: 580px;
PADDING-TOP: 10px;
}
/*Boite de dialogue de deconnection*/
#auth_reussi {
WIDTH: 450px;
BACKGROUND-COLOR: white;
MARGIN-TOP: 12px;
PADDING-TOP: 5px;
PADDING-LEFT: 10px;
PADDING-RIGHT: 10px;
PADDING-BOTTOM: 0px;
BORDER: 1px #efefef solid;
}
.text_auth {
FONT-SIZE: 20px;
}
.lien_deco {
TEXT-ALIGN: center;
FONT-SIZE: 18px;
MARGIN-BOTTOM: 15px;
}
.log_out {
FONT-SIZE: 24px;
TEXT-ALIGN: center;
COLOR: white;
MARGIN-TOP: 30px;
}
/* style de la page accès contrôlé*/
#cadre_titre{
POSITION: relative;
WIDTH: 730px;
HEIGHT: 98px;
MARGIN-TOP: 40px;
MARGIN-LEFT: auto;
MARGIN-RIGHT: auto;
Z-INDEX: 2;
}
#cadre_titre .titre_controle {
BORDER: 2px #666666 solid;
BACKGROUND-IMAGE: url(/images/fond-bandeau.png);
BACKGROUND-REPEAT: repeat-x;
}
#cadre_titre .titre_refus {
BORDER: 2px red solid;
BACKGROUND-IMAGE: url(/images/fond-bandeau-rouge.png);
BACKGROUND-REPEAT: repeat-x;
}
#boite_logo{
POSITION: absolute;
TOP: -30px;
LEFT: -30px;
WIDTH: 150px;
HEIGHT: 150px;
Z-INDEX: 2;
}
#acces_controle {
TEXT-ALIGN: center;
COLOR: white;
FONT-SIZE: 50px;
FONT-STYLE: bold;
PADDING-TOP: 20px;
PADDING-BOTTOM: 20px;
MARGIN: 0px;
}
#logo_acces {
POSITION: relative;
TOP: 0px;
LEFT: 0px;
}
#contenu_acces {
POSITION: relative;
WIDTH: 640px;
HEIGHT: 400px;
TOP: -20px;
PADDING-TOP: 0px;
BACKGROUND-COLOR: white; /* a changer pour #efefef */
BORDER-BOTTOM: 2px #666666 solid;
BORDER-LEFT: 2px #666666 solid;
BORDER-RIGHT: 2px #666666 solid;
BORDER-TOP: 0px;
MARGIN-LEFT: auto;
MARGIN-RIGHT: auto;
Z-INDEX: 1;
}
#logo_acces IMG, #box_refuse IMG {
WIDTH: 95px;
HEIGHT: 95px;
}
/* Boite des liens*/
#box_url {
POSITION: relative;
TOP: 35px;
FONT-FAMILY: arial;
TEXT-ALIGN: right;
FONT-SIZE: 14px;
FONT-WEIGHT: bold;
COLOR: black;
MARGIN-RIGHT: 20px;
}
#box_bienvenue {
FONT-SIZE: 18px;
FONT-WEIGHT: bold;
}
#cadre_titre SPAN {
POSITION: absolute;
TOP: 80px;
WIDTH: 540px;
LEFT: 100px;
FONT-SIZE: 14px;
FONT-WEIGHT: bold;
COLOR: red;
TEXT-ALIGN: center;
}
#box_refuse {
FONT-SIZE: 16px;
COLOR: black;
MARGIN-LEFT: 130px;
MARGIN-RIGHT: 20px;
MARGIN-TOP: 40px;
WIDTH: 460px;
}
#box_refuse IMG {
POSITION: absolute;
TOP: -10px;
LEFT: -110px;
}
#box_refuse, #box_bienvenue {
POSITION: relative;
TOP: 55px;
}
#box_1 {
LEFT: 40px;
}
#box_2 {
LEFT: 350px;
}
#box_3 {
WIDTH: 575px;
LEFT: 40px;
BOTTOM: 20px;
}
#box_1 P, #box_2 P, #box_3 P {
MARGIN-LEFT: 80px;
MARGIN-RIGHT: 25px;
MARGIN-TOP: 0px;
FONT-SIZE: 10px;
}
#box_1 SPAN, #box_2 SPAN, #box_3 SPAN {
POSITION: relative;
MARGIN-LEFT: 75px;
MARGIN-RIGHT: 10px;
FONT-SIZE: 12px;
TOP: -20px;
}
.box_menu_courte, .box_menu_large {
POSITION: absolute;
HEIGHT: 80px;
BACKGROUND-IMAGE: url(/images/fond-bdd.png);
BACKGROUND-REPEAT: repeat-x;
VERTICAL-ALIGN: Bbottom;
TEXT-ALIGN: left;
BORDER: 2px #efefef solid;
}
.box_menu_courte {
WIDTH: 265px;
TOP: 170px;
}
.box_menu_courte IMG, .box_menu_large IMG {
POSITION: absolute;
WIDTH: 100px;
HEIGHT: 100px;
TOP: -40px;
LEFT: -30px;
}
.box_menu_courte, .box_menu_large, #logon , #contenu_acces, #acces_controle, #cadre_titre {
/* Arrondi CSS3 Firefox*/
-moz-border-radius: 10px;
/* Arrondi CSS3 Autres Nav*/
border-radius: 10px;
}
#liens_redir {
POSITION: relative;
BOTTOM: -100px;
LEFT: 90px;
TEXT-ALIGN: center;
}
#liens_redir P A {
FONT-SIZE: 12px;
TEXT-ALIGN: center;
MARGIN: 15px;
}