Subversion Repositories ALCASAR

Rev

Rev 363 | Rev 509 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log

/*      
        Feuille de style pour les pages d'interceptions coté utilisateurs d'ALCASAR
        Auteur : Stéphane ERARD
        Licence : GNU GPL

*/



/* règles générales */

/* Couleurs de polices */
:link, :visited, :hover:link, :hover:visited, H2, #box_url, #box_refuse {
        COLOR: #000000;
}
BODY, H, #boite-logon {
        COLOR: #666666;
}
#acces_controle, .log_out {
        COLOR: white;
}

/* Style de police */

BODY, :link, :visited, :hover:link, :hover:visited  {
        FONT-FAMILY: "DejaVu Sans";
}
INPUT, #box_url {
        FONT-FAMILY: Arial;
}
#acces_controle, #box_url, #box_bienvenue, #cadre_titre SPAN {
        FONT-WEIGHT: bold;
}

/*Couleurs de fond */

BODY {
        BACKGROUND-COLOR: #666666;
}

INPUT, #contenu_acces, #logon, #auth_reussi {
        BACKGROUND-COLOR: #ffffff;
}

/* Règles des balises HTML */

H1, H2, #aide-certif {
        TEXT-ALIGN: center;    
        padding: 0px;
        margin: 3px;
}
P, UL, LI{
        TEXT-ALIGN: justify;
}

BODY {
        BACKGROUND-IMAGE: url(/images/fond.png);
        BACKGROUND-REPEAT: repeat-x;
        TEXT-ALIGN: center;
        FONT-SIZE: 12px;
        MARGIN: 0px;
}
H1 {
        FONT-SIZE: 55px;
}
H2 {
        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;


/* ombrage CSS3*/      

        -moz-box-shadow: 0px 0px 12px #000;
        -webkit-box-shadow: 0px 0px 12px #000;
        box-shadow: 0px 0px 12px #000;
}

#boite-logon {
        BACKGROUND-IMAGE: url(/images/fond-bdd.png);
        BACKGROUND-REPEAT: repeat-x;
        PADDING: 10px;
        WIDTH: 420px;
        HEIGHT: 189px;
}
#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;
        MARGIN-TOP: 12px;
        PADDING-TOP: 5px;
        PADDING-LEFT: 10px;
        PADDING-RIGHT: 10px;
        PADDING-BOTTOM: 0px;
}
.text_auth {
        FONT-SIZE: 20px;
}
.lien_deco {
        TEXT-ALIGN: center;
        FONT-SIZE: 18px;
        MARGIN-BOTTOM: 15px;
}
.log_out {
        FONT-SIZE: 24px;
        TEXT-ALIGN: center;
        MARGIN-TOP: 30px;
}
#boite-logon, #auth_reussi, #logon {
        BORDER: 1px #efefef solid;

/* ombrage css3*/

        -moz-box-shadow: 0px 0px 6px #000;
        -webkit-box-shadow: 0px 0px 6px #000;
        box-shadow: 0px 0px 6px #000;
}

/* 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;

/* ombrage css3 */

        -moz-box-shadow: 1px 4px 10px #000;
        -webkit-box-shadow: 1px 4px 10px #000;
        box-shadow: 1px 4px 10px #000;
}
#cadre_titre .titre_controle {
        BACKGROUND-IMAGE: url(/images/fond-bandeau.png);
        BACKGROUND-REPEAT: repeat-x;
}
#cadre_titre .titre_refus  {
        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;
        FONT-SIZE: 40px;
        PADDING-TOP: 25px;
        PADDING-BOTTOM: 27px;
        MARGIN: 0px;
}
#logo_acces {
        POSITION: relative;
        TOP: 0px;
        LEFT: 0px;
}
#contenu_acces {
        POSITION: relative;
        WIDTH: 640px;
        HEIGHT: 400px;
        TOP: -20px;
        PADDING-TOP: 0px;
        MARGIN-LEFT: auto;
        MARGIN-RIGHT: auto;
        Z-INDEX: 1;

/* ombrage CSS3 */

        -moz-box-shadow: 1px 1px 10px #000;
        -webkit-box-shadow: 1px 1px 10px #000;
        box-shadow: 1px 1px 10px #000;
}
#logo_acces IMG, #box_refuse IMG {
        WIDTH: 95px;
        HEIGHT: 95px;
}

/* Boite des liens*/

#box_url {
        POSITION: relative;
        TOP: 35px;
        TEXT-ALIGN: right;
        FONT-SIZE: 14px;
        MARGIN-RIGHT: 20px;
}
#box_bienvenue {
        FONT-SIZE: 18px;
}
#cadre_titre SPAN {
        POSITION: absolute;
        TOP: 70px;
        WIDTH: 510px;
        LEFT: 110px;
        FONT-SIZE: 14px;
        COLOR: red;
        TEXT-ALIGN: center;
        BORDER: 2px red solid;
        PADDING: 2px;
        BACKGROUND-COLOR: white;
}
#contenu_acces SPAN {
        POSITION: relative;
        BOTTOM: -150px;
        FONT-FAMILY: "courier new";
}
#box_refuse {
        FONT-SIZE: 16px;
        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: 8px;
        FONT-SIZE: 10px;
}
#box_1 SPAN, #box_2 SPAN, #box_3 SPAN {
        POSITION: relative;
        MARGIN-LEFT: 75px;
        MARGIN-RIGHT: 5px;
        FONT-SIZE: 12px;
        TOP: 2px;
}
.box_menu_courte, .box_menu_large {
        POSITION: absolute;
        HEIGHT: 80px;
        BACKGROUND-IMAGE: url(/images/fond-bdd.png);
        BACKGROUND-REPEAT: repeat-x;
        VERTICAL-ALIGN: bottom;
        TEXT-ALIGN: left;
        BORDER: 2px #efefef solid;

/* ombrage CSS3 */
        -moz-box-shadow: 1px 1px 6px #666;
        -webkit-box-shadow: 1px 1px 6px #666;
        box-shadow: 1px 1px 6px #666;
}
.box_menu_courte {
        WIDTH: 265px;
        TOP: 150px;
}
.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;
}