/**************************************************** * Thème Ocean_blue V1.0 * * Réalisé par stefff * * http://www.brikwo.com * * Le 26/07/2008 * * Modifié le 28/07/2008 * ****************************************************/ /* Police Générale */ font { font-size:1em; color:#464e54 } td { font-size:1em; color:#464e54 } p { font-size:1em; color:#464e54 } th { font-size:1em; text-align:center; color:#464e54 } /* Mise en forme de la date */ .date { font-size:.8em; color:#4d4c4c } /* Liens généraux */ a:link,a:active,a:visited { color:#414449; text-decoration:underline } a:hover { color:#414449; text-decoration:none } .titrelien { font-weight:700 } /******************************************************************************/ /* */ /* - - - - M I S E EN P A G E DU S I T E - - - - */ /* */ /******************************************************************************/ /* Le Style général du site ************************************/ body { background:#bac4d9 url('../img/fond.jpg') repeat-x; font-family:"Trebuchet MS", Verdana, "Times New Roman", Times, serif; font-size:small; color:#555; margin-left:auto; margin-right:auto; margin-top:0; width:996px } /******************************************************************************/ /* */ /* - - - - L E H E A D E R - - - - - - - - - - - - - - - - */ /* */ /******************************************************************************/ #nav { text-align:center; margin:0 auto } /* Position du menu */ #subnav { list-style:none; padding-top:113px; margin:0 50px; } #subnav li { display:inline; float:left; padding:5px 10px 5px; font-size:1.5em } #subnav li a { text-decoration:none; color:#fff; font-weight:700; padding:0 5px; } #subnav li a:hover { background:#010101; color:#efefef } #header { background:#bac4d9 url('../img/header.jpg'); width:996px; height:145px } .date_header{ color:#fff; margin:-90px 0px 0 850px} /* Les 3 Parties ( GAUCHE CENTRE DROITE ) *************************************/ /* Colonnne des blocs de gauche et droite*/ div#left { float:left; width:200px; margin-left:15px } div#right { float:right; width:200px; margin-right:15px } div#central { overflow:hidden; width:auto; padding:0 10px } div#contenu { padding-top:5px; background:#9fabc4 url('../img/contenu.jpg') repeat-y } /*Le Footer *******************************************************************/ .footer { background:#9fabc4 url('../img/contenu.jpg') repeat-y; width:100%; clear:both; color:#a1a0a0; text-align:center } .footer_kwsphp { background:#9fabc4 url('../img/haut_footer.png'); width:100%; height:48px; line-height:48px; margin-top:-15px; color:#a1a0a0 } .footer a,a#ckws { color:#a1a0a0; text-decoration:none } .footer a:hover,#ckws:hover { color:#8ea3c9 } /******************************************************************************/ /* */ /* - - - - - - - - - - L E S B L O C S - - - - - - - */ /* */ /******************************************************************************/ /* Le contenu des blocs des colonnes de gauches et de droites */ .bloc_titre { font-family:"Trebuchet MS", Verdana, "Times New Roman", Times, serif; font-variant:small-caps; height:30px; line-height:30px; text-align:center; font-weight:700; font-size:1.3em; color:#fff } .bloc_contenu { font-size:.95em; margin-bottom:10px; padding:5px; overflow:hidden; height:/* Pour IE sinon espace */ 99% } /* Les Blocs du centre */ .bloc_titre_centre { font-family:"Trebuchet MS", Verdana, "Times New Roman", Times, serif; font-variant:small-caps; font-weight:700; font-size:1.3em; margin-left:5px; margin-right:5px; height:28px; line-height:28px; border-bottom:3px solid #8ea3c9; color:#8ea3c9 } .bloc_titre_centre a { color:#8ea3c9; text-decoration:none } .bloc_titre_centre:first-letter { font-variant:small-caps; font-weight:700; font-size:1.3em } .bloc_contenu_centre { background:#bac4d9; border:1px solid #8ea3c9; margin-left:5px; margin-right:5px; margin-bottom:5px; padding:5px; width:auto; color:#4d4c4c } .blocline { background:#fff } /************ MISE EN FORME DES LIENS DU BLOC MENU ***************************/ .blocmenu { margin:0; padding:0; list-style:none } .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 { height:25px; line-height:25px; color:#414449; display:block; margin:0; padding:0 10px 0 30px; text-decoration:none } .blocmenu a:hover,.bloc_espace_membre_list-style a:hover { background:#bac4d9 url('../images/menu/menu_hover.jpg') no-repeat; height:25px; color:#414449; display:block; text-decoration:none; border:1px solid #8ea3c9; margin:0; padding:0 10px 0 30px } .blocmenu li,.bloc_espace_membre_list-style li { background:url('../images/menu/menu.jpg') no-repeat; font-family:"Trebuchet MS", Verdana, "Times New Roman", Times, serif; font-variant:small-caps; font-weight:700; font-size:1.1em; margin-bottom:3px; padding:0; width:190px; 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 { font-family:"Trebuchet MS", Verdana, "Times New Roman", Times, serif; font-variant:small-caps; font-weight:700; font-size:1.5em; margin-left:5px; margin-right:5px; padding-left:5px; border-bottom:3px solid #8ea3c9 } .article_titre a { color:#8ea3c9; text-decoration:none } .article_contenu { background:#bac4d9; margin:0 5px 5px; border-left:1px solid #8ea3c9; border-right:1px solid #8ea3c9; border-bottom:1px solid #8ea3c9; font-weight:400; font-size:1em; padding:5px; min-height:/* Tous les Blocs auront une hauteur minimum *************/ 150px } .image_articles { border:0; margin-left:5px; float:right } /******************************************************************************/ /* */ /* - - - - - - - - - - - L E S N E W S - - - - - - - - - - - - - - - */ /* */ /******************************************************************************/ .titre_news { font-family:"Trebuchet MS", Verdana, "Times New Roman", Times, serif; font-variant:small-caps; font-weight:700; font-size:1.5em; margin-left:5px; margin-right:5px; height:28px; line-height:28px; border-bottom:3px solid #8ea3c9 } .titre_news a { color:#8ea3c9; text-decoration:none } .bloc_news_date { background:url('../images/news/bloc_news_date.png'); width:60px; height:60px; float:left; text-align:center; margin-right:15px } .bloc_news_semaine { font-size:20px } .bloc_news_jour { font-size:2.3em; color:#8ea3c9; font-weight:700 } .bloc_news_mois { color:#fff; font-weight:700 } .bloc_news_haut { background:#dbe4f3; border:1px solid #8ea3c9; border-top:none; margin-left:5px; margin-right:5px; padding:5px; height:60px; color:#4d4c4c } .bloc_news_haut a { color:#4d4c4c } .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 S C O M M E N T A I R E S - - - - - - - - */ /* */ /******************************************************************************/ .commentaires_haut { background:url('../img/commentaires_haut.png') no-repeat; height:11px } .commentaires_contenu { background:url('../img/commentaires_contenu.png') repeat-y; width:645px; padding-left:10px; } .commentaires_bas { background:url('../img/commentaires_bas.png') no-repeat; height:37px } /******************************************************************************/ /* */ /* - - - - - - - - - - - L E F O R U M - - - - - - - - - - - - - - - */ /* */ /******************************************************************************/ /* TITRE DES CATEGORIES *******************************************************/ .forum_titre,.forum_titre_der,.forum_cat_sep { background:#8ea3c9; font-variant:small-caps; font-weight:700; font-size:1.3em; height:28px; text-align:center; color:#fff } .forum_auteur { text-align:center; float:left; width:160px; padding:5px } .forum_contact { float:right; width:34px; text-align:center } .forum_post { min-height:250px; overflow:hidden; background:#dbe4f3; padding:5px; border-left:1px solid #8ea3c9; border-right:1px solid #8ea3c9; } .conteneur { clear:both } .forum_signature { margin:0 34px 0 170px; padding:5px; background:#dbe4f3; border:1px solid #8ea3c9; clear:both } .forum_date { margin-right:34px; background:#dbe4f3; padding:5px; font-weight:400; font-size:.9em; border:1px solid #8ea3c9 } .forum_cat_mid { background:#dbe4f3; border-bottom:1px solid #8ea3c9; border-left:1px solid #8ea3c9; border-top:none; padding:3px } .forum_cat_mid_der { background:#dbe4f3; border:1px solid #8ea3c9; border-top:none; padding:3px; text-align:right } .forum_tr { background:#dfdfdf } .forum_contenu { background:#e5eff7; padding-left:5px; vertical-align:top } #postzone { width:585px } /* Saisie du texte dans le forum*/ /* Titre du forum des catégorie */ .titrecat { font-size:1em; font-weight:700; color:#fff } /* Topics du forum */ .topicrow1 { background:#f2f3f4; padding:5px; border-right-style:solid; border-right-width:1px; border-right-color:#d7d7d7 } .topicrow2 { padding:5px } .blocforum li { list-style-image:url('../images/puce.png') } .blocdownload li { list-style-image:url('../images/puce.png') } /***************************************************************/ /* 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 dotted #c7d4df; border-top-width:1px; height:0 } /* Couleurs de fond en général des tableaux */ td.row1 { } td.row2 { } td.row3 { } /* 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:#e5eff7; border:1px solid #c7d4df; border-left:4px solid #c7d4df; font-size:1.1em; font-style:italic; padding-left:5px } .quote:first-letter { font-size:1.5em; font-weight:700; font-style:italic; color:#666; font-family:"Courier New", Courier, mono; font-variant:small-caps } /* Code PHP dans les bbcode. ([code][/code])*/ .code_php { background:#e5eff7; border-top:3px solid #c7d4df; border-bottom:3px solid #c7d4df; border-left:1px solid #c7d4df; border-right:1px solid #c7d4df; font-family:Courier, Helvetica, sans-serif; padding:4px; overflow:auto } /* Visiualisation d'un post */ #apercu { background:#dbe4f3; text-align:left; height:200px; width:586px; overflow:auto; padding:5px; border:none; border-bottom:2px solid #8ea3c9; margin-left:auto; margin-right:auto } /* Style des onmouseover (passsage souris ex: index.php?mod=forum&ac=affgrd) */ .onmouse_over { border:1px dotted #cecece; background:#eee } .onmouse_out { border:0 } .onmouse_over_forum { background:#ddd } .onmouse_out_forum { border:0 } /* Eléments de formulaire */ textarea { background:#dbe4f3; border:none; border-bottom:2px solid #8ea3c9; margin-bottom:2px; padding:5px; width:500px } /* Couleur d'arrière-plan des champs d'entrée du texte */ input,select { background:#dbe4f3; border:none; border-bottom:2px solid #8ea3c9; margin-bottom:2px; vertical-align:middle } input:hover,textarea:hover,select:hover { background:#fff; color:#252424 } input#sql_newsmail { height:80px; background:#000 } /* 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,#modbuttoncompteur { background:transparent url('../img/input.jpg'); border:1px solid #8ea3c9; width:auto; height:28px; text-align:center; font-weight:700; color:#fff; vertical-align:middle } /* Style des buttons submit et reset au passage dessus*/ #valider:hover,#envoyer:hover,#submit_login:hover,#submit_login_bloc: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:transparent url('../img/input_hover.jpg'); color:#fff; cursor:pointer } /* Style des labels*/ label { display:inline; float:left } .label_enregistrer1 { width:240px } .label_enregistrer2 { width:310px } .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 { width:400px } .label_admin_email { width:200px } legend { color:#414449 } fieldset { background:#dbe4f3; border:1px solid #8ea3c9; font-family:"Trebuchet MS", Verdana, "Times New Roman", Times, serif; padding:1.5em; margin-left:auto; margin-right:auto } .fieldset_resume { background:#dbe4f3; border:1px solid #8ea3c9; margin-left:auto; margin-right:auto } em { font-size:.9em; 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 { background:transparent url('../img/input.jpg'); color:#fff; border:1px solid #8ea3c9; font-weight:700; padding:3px; text-decoration:none } .pied_de_module a:hover { background:transparent url('../img/input_hover.jpg'); color:#fff } /* Pagination (memberlist.php) */ .page_encours { font-size:1.5em } .page_choix { font-size:1.2em; padding:2px } .page_choix:hover { font-size:1.5em; color:#8ea3c9 } .nav_barre a { text-decoration:none } /* Petit Plus */ .icones_admin a { text-decoration:none } /*************FIN DU CSS ********************************/