0,0 → 1,301 |
/* 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; |
} |