/************************************** * Thème apple_blue V1.1 * * Réalisé par stefff * * http://www.brikwo.com * * Le 19/10/2008 * * Modifié le 20/10/2008 * **************************************/ /* Police Générale */ font { font-family:"Century gothic", Arial, "Times New Roman", Times, serif; font-size:1em; color:#252424 } td { font-family:"Century gothic", Arial, "Times New Roman", Times, serif; font-size:12px; color:#252424 } p { font-family:"Century gothic", Arial, "Times New Roman", Times, serif; font-size:1em; color:#252424 } th { font-family:"Century gothic", Arial, "Times New Roman", Times, serif; font-size:11px; text-align:center; color:#252424 } .date_menu{ float:right; font-size:1.0em; color:#fff; font-weight: bold; } /* Liens généraux */ a:link,a:active,a:visited { color:#252424; text-decoration:none; font-weight:700 } a:hover { color:#999; text-decoration:underline overline } .titrelien { font-weight:700 } .bloc_new_message{ background-color: #FFFF00 !important; } /******************************************************************************/ /* */ /* - - - - 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:#393737; font-family:"Century gothic", Arial, "Times New Roman", Times, serif; font-size:1em; color:#252424; margin-left:auto; margin-right:auto; margin-top:0; 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:0 auto; padding:0 } #subnav { margin:0; padding:0; list-style:none } #subnav ul { margin:0; padding:0; list-style:none } #subnav a,#subnav a:visited { display:block; font-weight:700; margin:0; padding:4px 10px } #subnav a:hover { background:#3f3d3d; color:#f7f7f7; display:block; text-decoration:none; margin:0; padding:4px 10px } #subnav li { float:left; margin:0; padding:0 } /* Onglet actif */ .li_on { background:#3f3d3d } .li_on a { background:#3f3d3d; color:#fff } .li_off { } .li_off a { color:#fff } /* 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:400; font-style:italic; font-size:10px; color:#fff; text-decoration:none; text-align:justify; /* spécial IE6 */ -background:#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:823px; height:133px } .header_02 { background-image:url('../img/header_02.jpg'); background-repeat:repeat-x; width:auto; height:133px } .header_03 { background-image:url('../img/header_03.jpg'); background-repeat:no-repeat; width:294px; height:133px } /* Les 3 Parties ( GAUCHE CENTRE DROITE ) *************************************/ .centre { background:#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:#ccc; border-bottom:1px solid #c4c5a6 } .right { background-image:url('../img/right.jpg'); background-repeat:repeat-y; width:7px } .fond_right { width:222px; background:#ccc; border-bottom:1px solid #c4c5a6 } /* Centre (entre colonne de gauche et droite) */ .central { background:#f7f7f7; padding-left:5px; padding-right:5px } /*Le Footer *******************************************************************/ .footer_01 { background-image:url('../img/footer_01.jpg'); background-repeat:no-repeat; padding-left:10px; width:219px; 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:#2b80ea } .footer_text { text-align:center; color:#fff } .footer_text a { color:#2b80ea } .footer_text a:visited { color:#2b80ea } .footer_kws { margin-top:10px; font-size:1em; 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:#2b80ea; text-align:center; width:100%; clear:both } #ckws { color:#2b80ea; 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:#6ba9ee } .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:#fff } .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:#fff; font-weight:bolder } .bloc_contenu_centre { background:#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:0!important; padding:0!important; list-style:none!important } .blocmenu ul,.bloc_espace_membre_list-style { margin:0; padding:0; 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:#6ba9ee; display:block; margin:0; padding:0 10px 0 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:0; padding:0 10px 0 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:700; font-size:1.1em; padding-left:5px; border:1px solid #d3d0d0 } .article_contenu { background:#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:400; font-size:1em; 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 - - - - - - - - - - - - - - - */ /******************************************************************************/ .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:#fff } .titre_news a{color:#fff} .bloc_news_date { background-image:url('../images/news/bloc_news_date.png'); width:60px; height:60px; color:#000; float:left; text-align:center; margin:4px; margin-right:13px } .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:7px } .bloc_news_haut { background:#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:#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:#ccc; border-left:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; border-top:none; padding:3px; font-family:"Century gothic", Arial, "Times New Roman", Times, serif; font-size:12px; color:#666 } .forum_tr { background:#dfdfdf } .forum_message { background:#f2f2f2 } .forum_contenu { background:#f2f2f2; padding-left:5px; vertical-align:top } .forum_auteur { background:#ccc; width:20%; padding:5px; text-align:center; vertical-align:top } .forum_contact { background:#ccc; width:5%; vertical-align:bottom; padding:5px } .forum_signature { background:#f2f2f2; width:100%; margin-left:-5px; padding:5px; vertical-align:bottom } .forum_date { background:#ccc; padding:5px; font-weight:400; font-size:.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; font-weight:700; color:#fff; 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:700; 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:#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:0 dashed #5d5b5b; border-top-width:1px; height:0 } /* Couleurs de fond en général des tableaux ex:index.php?mod=ip */ td.row1 { background:#f2f2f2 } td.row2 { background:#f2f2f2 } td.row3 { background:#f2f2f2 } /* MISE EN FORUM DES BBCODES /****************************************************************/ /* Panneau du bbcode [panneau]*/ .panneau { background:#ccc; border:1px solid #9f9f9f; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#666; padding:4px } /* CITATIONS [QUOTE] [/QUOTE] ************************************************/ .quote { background:#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:#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:1em; color:#000; padding:4px; left:-2px; overflow:auto; width:500px } /* Visiualisation d'un post */ #apercu { background:#ddd; text-align:left; height:220px; width:580px; color:#36c; 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:#f1f1e9; font-size:1em; letter-spacing:1px; border:1px solid #bfb67e; margin-bottom:2px; width:500px } input,textarea,select { background:#f1f1e9; font-size:1em; letter-spacing:1px; border:1px solid #d3d0d0; margin-bottom:2px } input:hover,textarea:hover,select:hover { background:#fff; font-size:1em; color:#252424 } input#sql_newsMail { height:80px; background:#000 } /* Couleur d'arrière-plan des champs d'entrée du texte */ input.post,textarea.postzone,select { background:#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:#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:#888; color:#fff } /* Style des labels*/ label { display:inline; float:left } .label_enregistrer1 { width:250px; font-size:1em; font-weight:400 } .label_enregistrer2 { width:250px; font-size:1em; font-weight:400 } .label_profil1 { width:150px; font-weight:700 } .label_profil2 { width:250px; font-weight:700 } .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:#f2f2f2; border:1px solid #d3d0d0; margin-left:auto; margin-right:auto; padding:1.5em /* Ne pas enlever */ } .fieldset_resume { background:#f2f2f2; border:1px solid #d3d0d0; margin-left:auto; margin-right:auto; padding:1em /* Ne pas enlever */ } em { font-size:.8em; font-weight:400 } /* 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 } .page_encours { font-size:1.5em } .page_choix { } .page_choix:hover { background:#6ba9ee; color:#fff } /* Connectés (qd stats en bas de page)*/ #connectes_end { width:98% !important; margin-left:auto !important; margin-right:auto !important; margin-top:3px !important; margin-bottom:3px !important; padding:5px !important; border:5px groove #FFFFFF !important; -moz-border-radius:10px !important; font-size:9px !important; text-align:center !important; background-color:#f2f2f2 !important; color:#666 !important; } #connectes_end strong, #connectes_end a { font-size:11px !important; color:#666 !important; } /* Bulles infos © Patrick perron **************************/ a.BBcodeSyntaxe { position:relative; /* Très important */ background:none; /* Important pour le fonctionnement sur IE */ z-index:10; } a.BBcodeSyntaxe:hover { z-index:20; text-decoration:none; } a.BBcodeSyntaxe span { display:none; font-weight:normal; } a.BBcodeSyntaxe:hover span { /*la tag SPAN apparaitra avec l?effet hover*/ display:block; -moz-border-radius:10px; border: 1px dashed; position:absolute; margin-top:50px; margin-left:130px; /* Éléments pour positionner le texte dans la bulle */ padding:5px; width:350px; /* Style du character dans la bulle */ background-color: #44A8E4; color: #000066; text-align:center; } a.BBcodeSyntaxe em { font-variant:small-caps; } /* Pour avoir un beau background de bulle*/ a.BBcodeSyntaxe:hover>span { background-image:url('../img/bulle.jpg'); } /*Mise en page lors de la rédaction d'un post*/ .fieldset_post { width:600px; margin: 1em auto; padding:1em; } .fieldset_post legend { font-weight:bold; } .fieldset_post label span { color:red; } .fieldset_post dd { margin-left:210px; } div.fieldset_post { text-align:center; width:585px; margin: auto; } div #smil { z-index:50; width:210px; height:230px; -moz-border-radius:10px; position:fixed; margin-left:-220px; top:250px; display:none; background-color:#44A8E4; } div #smil_in { overflow:auto; width:170px; height:200px; border:1px solid; padding:5px; margin:10px auto; } /* bbcode flottant */ #choice_bbcode_color, #choice_bbcode_size, #choice_bbcode_font { z-index:50; -moz-border-radius:10px; position:absolute; width:180px; padding:10px; margin-top:-100px; margin-left:220px; background-color:#44A8E4; } div.EditPost { text-align:right; padding-top:5px; } span.EditPost { font-size:7.2pt; width:100%; border-top:1px dashed; border-left:1px dashed; border-right:1px dashed; padding:2px 5px 2px 15px; margin-right:5px; } div.MovePost { text-align:right; padding-top:5px; } span.MovePost { font-size:7.2pt; width:100%; border-left:1px dashed; border-right:1px dashed; border-bottom:1px dashed; padding:2px 5px 2px 15px; margin-right:5px; } .NavRubFo, .NavRubTopicFo, .NavTopicFo { float:right !important; margin-right:5px !important; font-size:smaller !important; } .NavRubFo span, .NavRubTopicFo span, .NavTopicFo span{ background-color:#666; color:#f2f2f2; padding:0px 2px; } .NavRubFo select, .NavRubTopicFo select, .NavTopicFo select{ font-size:smaller; } .NavRubFo a, .NavRubTopicFo a, .NavTopicFo a{ border:1px solid #d3d0d0; padding:0px 2px; text-decoration:none; } .NavRubFo a:hover, .NavRubTopicFo a:hover, .NavTopicFo a:hover{ background-color:#6fafdd; color:#fff; border:1px solid #fff; } .username_login, .username_password, .username_connect{ padding-left:20px; height:18px; background-image: url(../../../modules/espace_membre/images/login_bg.png); background-repeat:no-repeat; } .username_login { background-position:0 0; } .username_password { background-position:0 -18px; } .username_auto { vertical-align:middle; } .username_connect{ background-position:0 -36px; height:20px !important; width:135px !important; } .erreurUpAvatar { color: red; font-weight: bold; } .erreurUpAvatar span { font-style: italic; font-weight: normal; } .msgUpAvatar { color: green; } .hr_menu{} .texte_menu {} .MultiInputInline span{margin-left:25px;} .contenu_page{} .align-center{text-align:center;} .align-left{text-align:left;} .align-right{text-align:right;} .float-left{float:left;} .float-right{float:right;} .clear-both{clear:both;} .ancre{} .mini_message{margin-left:10px;font-style:italic;font-size:smaller;} /*************FIN DU CSS ********************************/