/* CSS pour la partie intégrale de la page web ! Les balises */ body { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 20px; background-color: #FFFFFF; font-family: Verdana, "Book Antiqua", Rockwell, Times; } /* DIV regroupant tous les menus, corps, header, footer, etc ... */ #DESIGN_INTEGRALE { width: 100%; } /* DIV regroupant tous les éléments du HEADER */ #DESIGN_HEADER { width:100%; border: 0px solid black; padding: 0px; margin: 0px; } .design_logo_01 { background-image: url('../images/style/design_logo_01.jpg'); background-repeat: no-repeat; width: 304px; height: 75px; float: left; margin: 0px; padding: 0px; } .design_logo_02 { background-image: url('../images/style/design_logo_02.jpg'); background-repeat: no-repeat; width: 304px; height: 57px; float:left; margin: 0px; padding: 0px; } .design_ville_silouhette { background-image: url('../images/style/design_ville_silouhette.jpg'); background-repeat: no-repeat; border: 0px solid black; width: 520px; height: 75px; float:left; margin: 0px; padding: 0px; } .design_cadre_infos_01 /* Image quand l'utilisateur est déconnecté */ { background-image: url('../images/style/design_cadre_infos_01.jpg'); background-repeat: no-repeat; width: 341px; height: 57px; float:left; margin: 0px; padding: 0px; } .design_cadre_infos_01_2 /* Image quand l'utilisateur est connecté */ { background-image: url('../images/style/design_cadre_infos_01_2.jpg'); background-repeat: no-repeat; width: 341px; height: 57px; float:left; margin: 0px; padding: 0px; } .design_cadre_infos_02 /* Bouton Déconnexion */ { background-image: url('../images/style/design_cadre_infos_02.jpg'); background-repeat: no-repeat; width: 67px; height: 57px; float:left; margin: 0px; padding: 0px; } .design_cadre_infos_02_2 /* Bouton RIEN */ { background-image: url('../images/style/design_cadre_infos_02_2.jpg'); background-repeat: no-repeat; width: 67px; height: 57px; float:left; margin: 0px; padding: 0px; } .design_cadre_infos_02_3 /* Bouton connexion */ { background-image: url('../images/style/design_cadre_infos_02_3.jpg'); background-repeat: no-repeat; width: 67px; height: 57px; float:left; margin: 0px; padding: 0px; } .design_cadre_infos_03 { background-image: url('../images/style/design_cadre_infos_03.jpg'); background-repeat: no-repeat; width: 112px; height: 57px; float:left; margin: 0px; padding: 0px; } .design_extension { background-image: url('../images/style/design_extension.jpg'); background-repeat: repeat-x; width: auto; height: 75px; padding: 0px; margin: 0px; border: 0px solid black; } .design_extension_fin { background-image: url('../images/style/design_extension_fin.jpg'); background-repeat: no-repeat; width: 225px; height: 47px; float: left; clear: both; margin: 0px; padding: 0px; } .clear_both { clear: both; } /* ----------------------------------------------------------- */ /* DIV regroupant le coprs de la page, ou les informations sont affichés au joueur */ #DESIGN_CORPS { width: auto; border: 0px solid black; margin-left: 203px; margin-right: 210px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; font-size: 8pt; font-family: Verdana, "Book Antiqua", Rockwell, Times; margin-top: -50px; } /* DIV regroupant tous les éléments du menu de gauche */ #DESIGN_MENUS_LEFT_GENERAL { float: left; width: 189px; margin-left: 5px; } /* DIV regroupant tous les éléments du menu de droite */ #DESIGN_MENUS_RIGHT_GENERAL { float: right; width: 189px; margin-right: 8px; margin-left: 5px; margin-top: -50px; } /* DIV regroupant tous les éléments du menu de GAUCHE */ .DESIGN_MENUS_LEFT_HAUT { background-image: url('../images/style/design_menu01.jpg'); background-repeat: no-repeat; width: 191px; height: 34px; border: 0px solid black; } .DESIGN_MENUS_LEFT_MILIEU { background-image: url('../images/style/design_menu02.jpg'); background-repeat: repeat-y; width: 191px; height: auto; border:0px solid black; margin: 0px; line-height: 12px; padding-top: 3px; padding-bottom: 3px; } .DESIGN_MENUS_LEFT_BAS { background-image: url('../images/style/design_menu03.jpg'); background-repeat: no-repeat; width: 191px; height: 9px; border: 0px solid black; margin-top: 0px; margin-bottom: -2px !important; /* Ceci sera SEULEMENT afficher sous les navigateurs modernes !! */ margin-bottom: -11px; /* Ceci est une valeur simplement pour I.E 6.0 */ } /* DIV regroupant tous les éléments du menu de DROITE */ .DESIGN_MENUS_RIGHT_HAUT { background-image: url('../images/style/design_menu01.jpg'); background-repeat: no-repeat; width: 191px; height: 34px; border: 0px solid black; margin: 0px; } .DESIGN_MENUS_RIGHT_MILIEU { background-image: url('../images/style/design_menu02.jpg'); background-repeat: repeat-y; width: 191px; height: auto; border: 0px solid black; margin: 0px; line-height: 12px; padding-top: 3px; padding-bottom: 3px; } .DESIGN_MENUS_RIGHT_BAS { background-image: url('../images/style/design_menu03.jpg'); background-repeat: no-repeat; width: 191px; height: 9px; border: 0px solid black; margin-top: 0px; margin-bottom: -2px !important; /* Ceci sera SEULEMENT afficher sous les navigateurs modernes !! */ margin-bottom: -11px; /* Ceci est une valeur simplement pour I.E 6.0 */ } /* DIV regropant tous les élements en bas de page ! */ #DESIGN_FOOTER { border: 0px solid black; clear: both; font-size: 7pt; font-family: verdana; } /* Style CSS qui regroupe la barre des onglets, peu importe le nombre de ceux-ci */ .OngletBarre { margin-left: 20px; margin-top: 0px; padding-top:51px; } /* Style CSS qui permet de définir un style pour le bouton individuelle pour le bouton */ .OngletNavigation { background-image: url('../images/style/OngletNavigation.jpg'); background-repeat: no-repeat; width: 93px; height: 20px; font-size: 8pt; font-family: Arial, verdana; float:left; padding-top: 4px; text-align: center; } /* Style CSS qui permet de définir un style pour les liens des onglets */ .OngletNavigation a { font-size: 8pt; font-family: Arial, verdana; text-decoration: none; color: #000000 } .OngletNavigation a:hover { font-size: 7pt; font-family: verdana, Arial; text-decoration: none; font-weight: bold; color: #000000; } /* DIV qui permet d'afficher les tubes hydrauliques entre chaque menu */ .SPACER { width: 155px; height: 15px; margin: 0 auto 0 auto; background-image: url(../images/style/spacer.jpg); background-repeat: no-repeat; margin-bottom: 0px !important; /* Ceci sera SEULEMENT afficher sous les navigateurs modernes !! */ margin-bottom: -3px; /* Ceci est une valeur simplement pour I.E 6.0 */ } /* CONFIGURATION DE L'INTÉRIEUR DES MENUS */ /* Style CSS pour les images dans les liens ! */ a img { text-decoration: none; border: none; } /* Style CSS pour les liens normals! */ a { font-size: 8pt; color: black; font-family: verdana; text-decoration: underline; } /* Style CSS pour les liens avec la souris par dessus ! */ a:hover { font-family: verdana; color: #816019; text-decoration: underline; } /* Style CSS qui permet de décorer les liens dans les menus seulement */ .DESIGN_MENUS_LEFT_MILIEU a { font-size: 8pt; font-family: verdana; color: black; text-decoration: none; } .DESIGN_MENUS_LEFT_MILIEU a:hover { font-size: 8pt; color: #816019; font-family: verdana; text-decoration: underline; } .DESIGN_MENUS_RIGHT_MILIEU a { font-size: 8pt; font-family: verdana; color: black; text-decoration: none; } .DESIGN_MENUS_RIGHT_MILIEU a:hover { font-size: 8pt; color: #816019; font-family: verdana; text-decoration: underline; } /* Style CSS pour les zones déroulantes de choix ! */ select { font-family: verdana; color: black; background-color: #dbcdb5; border: 1px solid black; margin: 0px; } /* Style CSS pour les zones de saisies de type TEXTAREA */ textarea { font-size: 8pt; font-family: verdana; padding: 3px; margin: 0px; background-color: #d6c090; } /* Style CSS pour les formulaires !!! */ form { margin: 0px; padding: 0px; } /* Style CSS pour les listes a puce a l'intérieur du corps de page */ #DESIGN_CORPS ul { margin-top:0px; margin-bottom:0px; padding-top: 0px; list-style-type: square; } #DESIGN_CORPS ul li { padding-left: 0px; padding-bottom: 3px; margin: 0px; font-family: verdana; font-size: 8pt; line-height: 13px; } /* Style CSS qui permet de personnalisé les liste à puce dans les menus */ .DESIGN_MENUS_LEFT_MILIEU ul { margin-top:0px; margin-bottom:0px; margin-left: -13px; padding-top: 8px; list-style-image: url(../images/style/puce.jpg); } .DESIGN_MENUS_LEFT_MILIEU ul li { padding-left: 0px; padding-bottom: 3px; margin: 0px; font-family: verdana; font-size: 8pt; line-height: 13px; } .DESIGN_MENUS_RIGHT_MILIEU ul { margin-top:0px; margin-bottom:0px; margin-left: -13px; padding-top: 8px; list-style-image: url(../images/style/puce.jpg); } .DESIGN_MENUS_RIGHT_MILIEU ul li { padding-left: 0px; padding-bottom: 3px; margin: 0px; font-family: verdana; font-size: 8pt; line-height: 13px; } /* Style CSS pour le cadre es informations du joueur, qui contient le montant en banque etc */ .CadreInformationsJoueur { margin-left: 10px; } /* Style CSS pour le cadre des menus */ .CadreMenu { margin-left: 35px; } /* Style CSS pour les TABLEAUX !!!!! */ table { border-collapse: collapse; border: 0px solid black; font-family: verdana; font-size: 8pt; padding: 0px; margin: 0px; } .table_1 { border-collapse: collapse; border: 1px solid #c49344; } .table_1 th { height: 20px; font-size: 8pt; margin: 0px; padding: 0px; font-family: verdana; color: white; background-image: url('../images/style/design_tableau_th.jpg'); background-repeat: repeat; width: auto; } .table_1 td { border: 1px solid #c49344; font-size: 8pt; font-family: verdana, Arial; padding: 2px; } /* Ces 2 styles de couleur servent lorsque il y a plusieurs en desosus de lun de lautre, qui permet davoir une couleur différente chaque fois */ .TD_couleur1 { background-color: #f1f1f1; } .TD_couleur2 { background-color: #ffffff; } .TD_couleur3 { background-color: #fff3af; } .TD_couleur4 { background-color: #b28c48; } /* FIN STYLE CSS TABLEAU */ /* Parametre du script InfoBulle, qui permet d'afficher une description des inputs à l'incription */ #infobulle{ width: auto; border: 0px solid #000000; padding: 5px; font-family: Arial Black; font-size: 9pt; } /* Style CSS pour la cadre de la page nouveautes.php */ #cadre { /* taille du cadre, à titre d'exemple */ } /* propriétés communes à l'ensemble des 4 coins */ #hautgauche, #hautdroit, #basgauche, #basdroit { height: 19px; width: 19px; background-repeat: no-repeat; font-size:1px; /* correction d'un bug IE */ } /* propriétés spécifiques à chaque coin */ #hautgauche { background: url('../images/style/hautgauche.gif'); } #hautdroit { float: right; background: url('../images/style/hautdroit.gif'); } #basgauche { background: url('../images/style/basgauche.gif'); } #basdroit { float: right; background: url('../images/style/basdroit.gif'); } #contenu p { color: black; margin: 0.5em; /*gestion des espaces interparagraphes */ } /* FIN du style css de la page des nouveautés */ /* Div du tableau Messagerie Lire */ .div_messagerie_lire { border-left: 1px dashed black; border-right: 1px dashed black; border-top: 1px dotted black; border-bottom: 1px dotted black; width: 500px; margin-top: 3px; margin-bottom: 3px; background-color: #d9ccb4; padding: 5px; font-family: Verdana, Rockwell, times, Arial, courrier; } /* Fin */ /* Style CSS pour le titre du corps de chaque page */ .title_page {font-weight:none; color:#903a00; font-size:9pt; font-family:Arial Black; display:block; margin-bottom:15px;} /* Différentes type de polices avec différentes configuration du texte ! */ .text_xsmall { font-size: 6pt; font-family: verdana; color: black } .text_small { font-size: 7pt; font-family: verdana; color: black } .text_normal { font-size: 8pt; font-family: verdana; color: black;} .text_large { font-size: 9pt; font-family: verdana; color: black } .text_xlarge { font-size: 10pt;font-family: verdana; color: black } .text_xxlarge { font-size: 11pt;font-family: verdana; color: black } .text_xxxlarge { font-size: 12pt;font-family: verdana; color: black } .text_black { font-size: 8pt; font-family: verdana; color: black; } .text_black_bold { font-size: 8pt; font-family: verdana; color: black; font-weight: bold } .text_rouge { font-size: 8pt; font-family: verdana; color: red; } .text_rouge_bold { font-size: 8pt; font-family: verdana; color: red; font-weight: bold } /* Style CSS pour les élements de type SAISIE INPUT */ .Checkbox {vertical-align:middle; margin:0px;} .Input {vertical-align:middle; font-size: 8pt;font-family: verdana;color:#000000;background-color:#d6c090;border-style:inset;border-width:1px;border-color:silver; margin:0px;} .InputSmall {vertical-align:middle; margin:0px; background:#d6c090;font-size: 7pt;font-family: verdana;color:black;border-style:solid;border-width: 1;border-color:999999;padding:0 pt;border-style:inset;border-width:1px;border-color:silver} /* Style CSS pour les boutons SUBMIT */ .submit_enabled {font-size: 8pt;font-family: verdana;color:#bb7600;font-weight: bold;} .submit_disabled {font-size: 8pt;font-family: verdana;color:#bb7600;} .submit_enabled_petit {font-size: 7pt;font-family: verdana;color:#bb7600;font-weight: bold;} .submit_disabled_petit {font-size: 7pt;font-family: verdana;color:#bb7600;}