/**************************************************** * Thème apple_green V1.0 * * Réalisé par stefff * * http://www.brikwo.com * * Le 19/05/2008 * * Modifié le 03/09/2008 * ****************************************************/ /* Police Générale */ font { font-family: "Century gothic", Arial, "Times New Roman", Times, serif; font-size: 1.0em; font-weight: bolder; color: #252424; } td { font-family: "Century gothic", Arial, "Times New Roman", Times, serif; font-size: 12px; font-weight: bolder; color: #252424; } p { font-family: "Century gothic", Arial, "Times New Roman", Times, serif; font-size: 1.0em; font-weight: bolder; color: #252424; } th { font-family: "Century gothic", Arial, "Times New Roman", Times, serif; font-size: 11px; font-weight: bolder; text-align: center; color: #252424; } /* Mise en forme de la date */ .date { font-family: "Century gothic", Arial, "Times New Roman", Times, serif; font-size: 0.8em; color: #4d4c4c; } /* Liens généraux */ a:link,a:active,a:visited { color: #252424; text-decoration: none; font-weight: bold; } a:hover { color: #999; text-decoration: underline overline; } .titrelien { font-weight: bold; } /******************************************************************************/ /* */ /* - - - - M I S E EN P A G E DU S I T E - - - - */ /* */ /******************************************************************************/ /* Le Style général du site ************************************/ body { background-image: url('../img/fond.jpg'); background-repeat: repeat-x; background-color: #252424; font-family: "Century gothic", Arial, "Times New Roman", Times, serif; font-size: 1.0em; color: #252424; margin-left: auto; margin-right: auto; margin-top: 0px; min-width: 890px; max-width: 1150px; } /******************************************************************************/ /* */ /* - - - - M E N U H O R I Z O N T A L - - - - - - - - - */ /* */ /******************************************************************************/ /* style pour le menu haut */ #nav { background-image: url('../img/nav.jpg'); text-align: center; margin: auto; height: 30px; width: 100%; } /************************************************ * Subnavbar * ************************************************/ #subnavbar { text-transform: uppercase; width: 97%; height: 30px; margin: 0px auto 0px; padding: 0px 0px 0px 0px; } #subnav { margin: 0px; padding: 0px; list-style: none; } #subnav ul { margin: 0px; padding: 0px; list-style: none; } #subnav a, #subnav a:visited { display: block; font-weight: bold; margin: 0px 0px 0px 0px; padding: 4px 10px 4px 10px; } #subnav a:hover { background-color: #3f3d3d; color: #f7f7f7; display: block; text-decoration: none; margin: 0px 0px 0px 0px; padding: 4px 10px 4px 10px; } #subnav li { float: left; margin: 0px; padding: 0px; } /* Onglet actif */ .li_on {background-color: #3f3d3d;} .li_on a{background-color: #3f3d3d;color:#fff;} .li_off {} .li_off a{color:#252424;} /* Bulles infos © Patrick perron **************************/ a.bulle { position: relative; /* Très important */ background: none; /* Important pour le fonctionnement sur IE */ z-index: 10; } a.bulle:hover {z-index: 20;} a.bulle span {display: none;} a.bulle:hover span { /*la tag SPAN apparaitra avec l’effet hover*/ display: block; position: absolute; top: 20px; left: 10px; /* Éléments pour positionner le texte dans la bulle */ padding: 30px 8px 5px 15px; width: 215px; height: 40px; /* Style du caractere dans la bulle */ font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-style: italic; font-size: 10px; color: #000; text-decoration: none; text-align: justify; /* spécial IE6 */ -background-color: #c1d527; -width: 120px; -margin-top: 10px; -padding-top: -50px; } /* Pour avoir un beau background de bulle*/ a.bulle:hover>span {background-image:url('../img/bulle.jpg');} /******************************************************************************/ /* */ /* - - - - L E H E A D E R - - - - - - - - - - - - - - - - */ /* */ /******************************************************************************/ .header_01 { background-image: url('../img/header_01.jpg'); background-repeat: no-repeat; width: 321px; height: 180px; } .header_02 { background-image: url('../img/header_02.jpg'); background-repeat: repeat-x; width: auto; height: 180px; } .header_03 { background-image: url('../img/header_03.jpg'); background-repeat: no-repeat; width: 229px; height: 180px; } /* Les 3 Parties ( GAUCHE CENTRE DROITE ) *************************************/ .centre {background-color: #fff;} /* Entre les Blocs */ /* Colonnne des blocs de gauche et droite*/ .left { background-image: url('../img/left.jpg'); background-repeat: repeat-y; width: 7px; } .fond_left { width: 222px; background-color: #c1d527; border-bottom: 1px solid #c4c5a6; } .right { background-image: url('../img/right.jpg'); background-repeat: repeat-y; width: 7px; } .fond_right { width: 222px; background-color: #c1d527; border-bottom: 1px solid #c4c5a6; } /* Centre (entre colonne de gauche et droite) */ .central {background-color: #f7f7f7; padding-left: 5px; padding-right: 5px;} /*Le Footer *******************************************************************/ .footer_01 { background-image: url('../img/footer_01.jpg'); background-repeat: no-repeat; width: 229px; height: 64px; } .footer_02 { background-image: url('../img/footer_02.jpg'); height: 64px; background-repeat: repeat-x; text-align: center; color: #fff; } .footer_03 { background-image: url('../img/footer_03.jpg'); background-repeat: no-repeat; width: 229px; height: 64px; } .footer_text a:hover {color: #cce130;} .footer_text { text-align: center; color: #fff; } .footer_text a {color: #cce130;} .footer_text a:visited{color: #cce130;} .footer_kws { margin-top: 10px; font-size: 1.0em; color: #4d4c4c; text-align: center; } .footer_kws a { font-size: 10px; color: #4d4c4c; text-align: center; } .footer_kws a:hover { font-size: 10px; color: #c1d527; text-align: center; text-decoration: underline; } .gen { /* pour Page générée */ font-size: 10px; color: #cce130; text-align: center; width: 100%; clear: both; } #ckws{color: #cce130;font-size: 10px;} .copyright { font-size: 10px; color: #fff; text-align: center; } /******************************************************************************/ /* */ /* - - - - - - - - - - L E S B L O C S - - - - - - - */ /* */ /******************************************************************************/ /* Le contenu des blocs des colonnes de gauches et de droites */ .bloc_titre { width: 222px; height: 30px; line-height: 30px; text-align: center; font-weight: bolder; font-size: 1.3em; font-family: "Century gothic", Arial, "Times New Roman", Times, serif; color: #cce130; } .bloc_titre:first-letter { font-variant: small-caps; font-weight: bolder; font-size: 1.3em; font-family: "Century gothic", Arial, "Times New Roman", Times, serif; color: #cce130; } .bloc_contenu { font-family: "Century gothic", Arial, "Times New Roman", Times, serif; font-size: 1em; color: #252424; padding: 5px; overflow: hidden; /* Ne Pas Toucher */ height: 99%; /* Pour IE sinon espace */ } /* Les Blocs du centre */ .bloc_titre_centre { background-image: url('../img/bloc_titre_centre.jpg'); margin-left: 5px; margin-right: 5px; padding-left: 10px; height: 28px; line-height: 28px; border: 1px solid #d3d0d0; border-bottom: none; font-size: 1.2em; color: #3c3a3a; } .bloc_contenu_centre { background-color: #f2f2f2; border: 1px solid #d3d0d0; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; padding: 5px; min-height:50px; color: #4d4c4c; } .blocline {background: #fff;} /************ MISE EN FORME DES LIENS DU BLOC MENU ***************************/ .blocmenu { margin: 0px; padding: 0px; list-style: none; } .blocmenu ul,.bloc_espace_membre_list-style { margin: 0px; padding: 0px; list-style: none; } .blocmenu a, .blocmenu a:visited, .bloc_espace_membre_list-style a, .bloc_espace_membre_list-style a:visited, .blocmenu hr { height: 25px; line-height: 25px; color: #cce130; display: block; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 30px; } .blocmenu a:hover, .bloc_espace_membre_list-style a:hover { background-image: url('../images/menu/menu_hover.jpg'); height: 25px; color: #fff; display: block; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 30px; } .blocmenu li,.bloc_espace_membre_list-style li { background-image: url('../images/menu/menu.jpg'); margin-bottom: 0; padding: 0; width: 212px; height: 25px; } /* Le Bloc espace_membre */ .bloc_espace_membre1 {text-align: left;} .bloc_espace_membre2 {text-align: center;} .bloc_espace_membre_avat {text-align: center;} .bloc_espace_membre_priv{float: right;} /******************************************************************************/ /* */ /* - - - - - - - - - - L E S A R T I C L E S (Rubriques) - - - - - - - */ /* */ /******************************************************************************/ /* Mise en forme du titre des Articles ****************************************/ .article_titre { background-image: url('../img/bloc_titre_centre.jpg'); height: 32px; line-height: 32px; margin-left: 5px; margin-right: 5px; font-family: "Century gothic", Arial, "Times New Roman", Times, serif; font-weight: bold; font-size: 1.1em; padding-left: 5px; border: 1px solid #d3d0d0; } .article_contenu { background-color: #f2f2f2; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; border-left: 1px solid #d3d0d0; border-right: 1px solid #d3d0d0; border-bottom: 1px solid #d3d0d0; font-family: "Century gothic", Arial, "Times New Roman", Times, serif; font-weight: normal; font-size: 1.0em; padding: 5px; min-height: 150px; /* Tous les Blocs auront une hauteur minimum *************/ } .image_articles { border: 0; margin-left: 5px; float: right; } /******************************************************************************/ /* */ /* - - - - - - - - - - - L E S N E W S - - - - - - - - - - - - - - - */ /* */ /******************************************************************************/ /* Cette classe affiche le haut des news de couleur noire #000000 */ .titre_news{ background-image: url('../img/bloc_titre_centre.jpg'); margin-left: 5px; margin-right: 5px; padding-left: 10px; height: 28px; line-height: 28px; border: 1px solid #d3d0d0; border-bottom: none; font-size: 1.2em; color: #3c3a3a; } .bloc_news_date { background-image: url('../images/news/bloc_news_date.png'); width: 51px; height: 54px; color: #000000; float: left; text-align: center; margin: 4px; margin-right: 15px; } .image_news{ float: right; clear: both;} .bloc_news_semaine {font-size: 20px;} .bloc_news_jour { font-size: 26px; color: #666; } .bloc_news_mois { color: #fff; padding-top: 1px; } .bloc_news_haut{ background-color: #f2f2f2; border: 1px solid #d3d0d0; border-bottom: none; margin-left: 5px; margin-right: 5px; padding: 5px; min-height: 60px; color: #4d4c4c; } .bloc_news_haut a{color:#4d4c4c;} /* Cette classe affiche le contenu de la news */ .bloc_news_milieu{ background-color: #f7f7f7; border: 1px solid #748aa2; width: 99%; min-height: 100px; margin: auto; margin-bottom: 5px; } .bloc_news_contenu{ text-indent: 15px; padding: 10px; } /******************************************************************************/ /* */ /* - - - - - - - - - - - L E F O R U M - - - - - - - - - - - - - - - */ /* */ /******************************************************************************/ .forum_cat_mid { background-color: #e8f1a6; border-left: 1px solid #d3d0d0; border-bottom: 1px solid #d3d0d0; border-top: none; padding: 3px; font-family: "Century gothic", Arial, "Times New Roman", Times, serif; font-size: 12px; color: #666; } .forum_cat_mid_der { background-color: #e8f1a6; border-right: 1px solid #d3d0d0; border-left: 1px solid #d3d0d0; border-bottom: 1px solid #d3d0d0; border-top: none; padding: 3px; font-family: "Century gothic", Arial, "Times New Roman", Times, serif; font-size: 12px; color: #666; text-align: right; } .forum_tr {background-color: #dfdfdf;} .forum_message {background-color: #f2f2f2;} .forum_contenu { background-color: #f2f2f2; padding-left: 5px; vertical-align: top; } .forum_auteur { background-color: #e8f1a6; width: 20%; padding: 5px; text-align: center; vertical-align: top; } .forum_contact { background-color: #e8f1a6; width: 5%; vertical-align: bottom; padding: 5px; } .forum_signature { background-color: #f2f2f2; width: 100%; margin-left: -5px; padding: 5px; vertical-align: bottom; } .forum_date { background-color: #e8f1a6; padding: 5px; font-weight: normal; font-size: 0.9em; } .blocforum{ padding-left: 22px; list-style: none; } /* TITRE DES CATEGORIES *******************************************************/ .forum_titre { background-image: url('../img/bloc_titre_centre.jpg'); background-repeat: repeat-x; height: 28px; border: 1px solid #d3d0d0; border-right: none; text-align: center; } .forum_titre_der { background-image: url('../img/bloc_titre_centre.jpg'); background-repeat: repeat-x; height: 28px; border: 1px solid #d3d0d0; font-weight: bold; font-size: 14px; text-align: center; } #postzone {width: 585px;}/* Saisie du texte dans le forum*/ /* Titre du forum des catégorie */ .titrecat { font-family: "Century gothic", Arial, "Times New Roman", Times, serif; font-size: 12px; font-weight: bold; color: #fff } /* Séparateur des catégories *****************/ .forum_cat_sep { background-image: url('../img/bloc_titre_centre.jpg'); height: 28px; border: 1px solid #d3d0d0; border-top: none; font-family: "Century gothic", Arial, "Times New Roman", Times, serif; font-variant: small-caps; font-size: 14px; text-align: center; } /* Topics du forum */ .topicrow1 { background-color: #f2f3f4; padding: 5px; border-right-style: solid; border-right-width: 1px; border-right-color: #d7d7d7; } .topicrow2{padding: 5px} /***************************************************************/ /* Structure d'un contenu en tableau */ .tab1 { padding-left: 1px; padding-right: 1px; border-left-style: solid; border-left-width: 1px; border-left-color: #d7d7d7; border-top-style: solid; border-top-width: 1px; border-top-color: #d7d7d7; } .tab2 { padding-left: 1px; padding-right: 1px; border-top-style: solid; border-top-width: 1px; border-top-color: #d7d7d7; } /* Ligne séparateur */ hr { border: 0px dashed #5d5b5b; border-top-width: 1px; height: 0px; } /* Couleurs de fond en général des tableaux ex:index.php?mod=ip */ td.row1 {background-color: #f2f2f2;} td.row2 {background-color: #f2f2f2;} td.row3 {background-color: #f2f2f2;} /* MISE EN FORUM DES BBCODES /****************************************************************/ /* Panneau du bbcode [panneau]*/ .panneau { background-color: #cccccc; border: 1px solid #9f9f9f; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #666; padding: 4px; } /* CITATIONS [QUOTE] [/QUOTE] ************************************************/ .quote { background-color: #dfdfdf; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; font-style: italic; color: #666; padding-left: 5px; border: 1px solid #9f9f9f; border-left: 4px solid #9f9f9f; } .quote:first-letter { font-size: 1.5em; font-weight: bolder; font-style: italic; color: #666; font-family: Georgia, "Times New Roman", Times, serif; font-variant: small-caps; } /* Code PHP dans les bbcode. ([code][/code])*/ .code_php { background-color: #dfdfdf; border-top: 3px solid #9f9f9f; border-bottom: 3px solid #9f9f9f; border-left: 1px solid #9f9f9f; border-right: 1px solid #9f9f9f; font-family: Courier, Helvetica, sans-serif; font-size: 1.0em; color: #000000; padding: 4px; left: -2px; overflow: auto; width: 500px; } /* Visiualisation d'un post */ #apercu { background-color: #ddd; text-align: left; height: 200px; width: 580px; color: #3366cc; overflow: auto; padding: 2px; border: 1px solid #d3d0d0; margin-left: auto; margin-right: auto; } /* Style des onmouseover (passsage souris ex: index.php?mod=forum&ac=affgrd) */ .onmouse_over { border: 1px #666 dashed; background: #eee; } .onmouse_out {border: 00;} .onmouse_over_forum {background: #ddd;} .onmouse_out_forum {border: 0;} /* Eléments de formulaire */ textarea { background-color: #f1f1e9; font-size: 1.0em; letter-spacing: 1px; border: 1px solid #bfb67e; margin-bottom: 2px; width: 500px; } input,textarea, select { background-color: #f1f1e9; font-size: 1.0em; letter-spacing: 1px; border: 1px solid #d3d0d0; margin-bottom: 2px; } input:hover,textarea:hover, select:hover { background-color: #fff; font-size: 1.0em; color: #252424; } input#sql_newsMail{ height: 80px; background-color: #000; } /* Couleur d'arrière-plan des champs d'entrée du texte */ input.post, textarea.postzone, select { background-color: #fff; color: #666;} /* Style des buttons submit et annuler*/ #valider,#envoyer,#submit_login_bloc,#submit_login,#s_button,#annuler, #poster,#verifer,#retour,#button,#bouton,#bouton2,#submit, #reset,#prev,#validation,#res_edit,#all,#modbuttoncompteur { background-color: #f1f1e9; height: 25px; text-align: center; font-weight: bolder; color: #645d4d; border: 1px solid #d3d0d0; } /* Style des buttons submit et reset au passage dessus*/ #valider:hover,#envoyer:hover,#submit_login_bloc:hover,#submit_login:hover,#s_button:hover,#annuler:hover, #poster:hover,#verifer:hover,#retour:hover,#button:hover,#bouton:hover,#bouton2:hover,#submit:hover, #reset:hover,#prev:hover,#validation:hover,#res_edit:hover,#all:hover,#modbuttoncompteur:hover { background-color: #ccc; color: #fff; } /* Style des labels*/ label { display: inline; float: left; } .label_enregistrer1 { width: 250px; font-size: 1.0em; font-weight: normal; } .label_enregistrer2 { width: 250px; font-size: 1.0em; font-weight: normal; } .label_profil1 { width: 150px; font-weight: bold; } .label_profil2 { width: 250px; font-weight: bold; } .label_contact {width: 200px;} .label_admin_options1 {width: 200px;} .label_admin_options2 {overflow: auto; padding:0 5px 0 0;} .label_admin_email {width: 200px;} .fieldset { background-color: #f2f2f2; border: 1px solid #d3d0d0; margin-left: auto; margin-right:auto; padding: 1.5em; /* Ne pas enlever */ } .fieldset_resume { background-color: #f2f2f2; border: 1px solid #d3d0d0; margin-left: auto; margin-right: auto; padding: 1em; /* Ne pas enlever */ } em { font-size: 0.8em; font-weight: normal; } /* Pied de page */ .pied_de_module {text-align: center;} .pied_de_module a:link,.pied_de_module a:active,.pied_de_module a:visited { color: #666; border: 1px solid #d3d0d0; border-left: 4px solid #d3d0d0; padding: 5px; letter-spacing: 1px; } .pied_de_module a:hover { color: #999; border: 1px solid #666; border-left: 4px solid #666; text-decoration: none; } /* Pagination */ .page_encours {font-size: 1.5em;} .page_choix {} .page_choix:hover{ background-color: #c1d527; color: #fff; } /* PHPLEAGUE */ /**************************************************************************/ /* --------- tableau classement --------- */ TABLE.tablephpl2 { border-style: solid; border-color:#000000; color:#222222; border-width: 2px; margin-left: auto; margin-right: auto; } /* tableaux de classement */ TR.accession, TR.accession1 { background : #08ca1f; } TR.barrage, TR.barrage1 { background-color: #F99A13; } TR.relegation, TR.relegation1 { background-color: #FF0000; } TR.accession2 { background : #07aa1a; } TR.barrage2 { background-color: #F9AA33; } TR.relegation2 { background-color: #ff7d7d; } TR.ligne1 { background-color: #E5E5E5; } TR.ligne2 { background-color: #FFFFFF; } /* liens */ TABLE.tablephpl2 a { color: #222200; } TABLE.tablephpl2 a:hover { color: #000022; } /* --------- tableau journée --------- */ TR.date { color: #FFFFFF; background-color: #0066cc; } /* --------- calendrier ---------- */ font.victoire { color: #339933; } font.nul { color: #ff9933; } font.defaite { color: #FF3300; } td.cld1 { text-align:right; width:40%; } td.cld2 { text-align:left; width:40%; } /* -------- autres ----------- */ TR.trphpl { font-size: 10pt; } TR.trphpl2 { background-color: #F5F5F5; vertical-align: top; font-size: 10pt; } TR.trphpl3 { background-color: #f2f2f2; color: #FFFFFF; font-size: 10pt; } h1, h2, h3, h4, h5, h6, h7 { font-family: Arial; font-size: 10pt; } /*************FIN DU CSS ********************************/