/*=================================================== * Thème Cherry V1.0 * * Réalisé par stefff * * http://www.brikwo.com * * Le 31/07/2008 * * Modifié le 15/08/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 } span a { border:none; text-decoration:none } /*============================================================================*/ /* */ /* - - - - M I S E EN P A G E DU S I T E - - - - */ /* */ /*============================================================================*/ /* Barre de défilement (ascenceur) */ html { overflow-y:scroll } /* Le Style général du site ************************************/ body { background:#f9fad0 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:125px; margin:0 150px } #subnav li { display:inline; float:left; padding:0; font-size:1em } #subnav li a { text-decoration:none; font-weight:700; padding:0 } #subnav li a:hover { } /* Onglet actif */ .li_on { background:#3f3d3d url('../img/subnav.jpg') no-repeat; width:127px; height:22px } .li_on a { color:#7c0903 } .li_off { background:#3f3d3d url('../img/subnav_off.jpg') no-repeat; width:127px; height:22px } .li_off a { color:#f9fad0 } #header { background:#bac4d9 url('../img/header.jpg'); width:996px; height:159px } .date_header { color:#fff; margin:-90px 0 0 830px; color:#f9fad0 } /* Les 3 Parties ( GAUCHE CENTRE DROITE ) *************************************/ /* Colonnne des blocs de gauche et droite*/ #left { float:left; width:200px; margin-left:15px } #right { float:right; width:200px; margin-right:15px } #central { overflow:hidden; width:auto; padding:0 10px } #contenu { padding-top:5px; background:#f9fad0 url('../img/contenu.jpg') repeat-y } /*Le Footer *******************************************************************/ .footer { background:#a90f0b url('../img/footer.jpg') no-repeat; height:46px; clear:both } .footer_01 { background:#a90f0b url('../img/footer_01.jpg') repeat-y; padding-left:230px; color:#f9fad0 } .footer_01 a { color:#f9fad0 } .footer_kwsphp { background:#a90f0b; width:775px; height:25px; line-height:25px; color:#f9fad0; margin:auto 0 auto 221px } .footer a,a#ckws { color:#000000; text-decoration:none } .footer a:hover,#ckws:hover { color:#f9fad0 } /*============================================================================*/ /* */ /* - - - - - - - - - - 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:38px; line-height:38px; text-align:center; font-weight:700; font-size:1.3em; color:#7c0903 } .bloc_contenu { font-size:.95em; margin-bottom:10px; padding:5px; overflow:hidden; /* Pour IE sinon espace (stupide) */ height: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 #cc9; color:#a1a172 } .bloc_titre_centre a { color:#a1a172; text-decoration:none } .bloc_titre_centre:first-letter { font-variant:small-caps; font-weight:700; font-size:1.3em } .bloc_contenu_centre { background:#e0e1b4; border:1px solid #cc9; margin-left:5px; margin-right:5px; margin-bottom:5px; padding:5px; color:#4d4c4c; width:auto } /* = = = = = = = = LE 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; text-decoration:none } .blocmenu li,.bloc_espace_membre_list-style li { background:#e0e1b4; border-left:3px solid #a1a172; font-weight:700; font-size:1.1em; margin-bottom:3px; padding:0; width:190px; height:25px } .blocmenu a:hover,.bloc_espace_membre_list-style a:hover { background:#f9fad0; height:25px; color:#414449; display:block; text-decoration:none; border-right:10px solid #a1a172; margin:0; padding:0 10px } /* 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-variant:small-caps; font-weight:700; font-size:1.5em; margin:0 5px; padding-left:5px; border-bottom:3px solid #cc9 } .article_titre a { color:#a1a172; text-decoration:none } .article_contenu { background:#e0e1b4; margin:0 5px 5px; border:1px solid #cc9; font-weight:400; font-size:1em; padding:5px; /* Tous les Blocs auront une hauteur minimum *************/ min-height: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 #cc9 } .titre_news a { color:#a1a172; 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:#a1a172; font-weight:700 } .bloc_news_mois { color:#fff; font-weight:700 } .bloc_news_haut { background:#e7e7c7; border:1px solid #cc9; 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 } /*============================================================================*/ /* */ /* NEW - - - - L E S C O M M E N T A I R E S - - - - NEW */ /* */ /******************************************************************************/ .commentaires_haut { } .commentaires_contenu { background:#e7e7c7; padding:5px; border:1px solid #a1a172; border-left:15px solid #a1a172 } .commentaires_bas { } /*============================================================================*/ /* */ /* - - - - - - - - - - - L E F O R U M - - - - - - - - - - - - - - - */ /* */ /*============================================================================*/ /* TABELAU DES CATEGORIES DU FORUM ********************************************/ .forum_titre,.forum_titre_der,.forum_cat_sep,.forum_cat_sep { background:#cc9; font-variant:small-caps; font-weight:700; font-size:1.3em; height:28px; text-align:center; color:#a1a172 } .forum_cat_mid { background:#e0e1b4; border-bottom:1px solid #cc9; border-left:1px solid #cc9; border-top:none; padding:3px } .forum_cat_mid a { text-decoration:none; font-weight:700 } .forum_cat_mid_der { background:#e0e1b4; border:1px solid #cc9; border-top:none; padding:3px; text-align:right } /* ============ Post d'un message ================*/ .conteneur { overflow:hidden; clear:both } .forum_date { font-size:.9em; border-bottom:2px solid #cc9; margin-bottom:5px } .forum_auteur { text-align:center; float:left; width:160px } .forum_contact { text-align:center; margin-top:-50px } .forum_post { min-height:265px; overflow:hidden; background:#f9fad0; padding:5px; border:1px solid #cc9; margin-left:170px } .forum_signature { padding:5px; margin-left:170px; background:#f9fad0; border-top:2px solid #cc9; border:1px solid #cc9 } .forum_tr { background:#dfdfdf } #postzone { width:585px } /* Saisie du texte dans le forum*/ /* Titre du forum des catégorie */ .titrecat { font-size:12px; 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 solid #cc9; 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:#e0e1b4; border:1px solid #a1a172; border-left:4px solid #a1a172; font-size:1.1em; font-style:italic; font-family:Courier New; 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:#e0e1b4; border-top:3px solid #a1a172; border-bottom:3px solid #a1a172; border-left:1px solid #a1a172; border-right:1px solid #a1a172; font-family:Courier, Helvetica, sans-serif; overflow:auto } /* Visiualisation d'un post */ #apercu { background:#cc9; text-align:left; height:220px; width:586px; overflow:auto; padding:5px; border:none; border-bottom:2px solid #a1a172; 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:#cc9; border:none; border-bottom:2px solid #a1a172; margin-bottom:2px; padding:5px; width:500px } /* Couleur d'arrière-plan des champs d'entrée du texte */ input,select { background:#cc9; border:none; border-bottom:2px solid #a1a172; margin-bottom:5px; vertical-align:middle } input:hover,textarea:hover,select:hover { background:#f9fad0; 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:#cc9; border-bottom:2px solid #a1a172; font-weight:700; color:#a1a172 } /* 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:#e0e1b4; cursor:pointer } legend { color:#414449 } fieldset { background:#e0e1b4; border:1px solid #cc9; font-family:"Trebuchet MS", Verdana, "Times New Roman", Times, serif; padding:5px; margin-left:auto; margin-right:auto } .fieldset_resume { background:#e0e1b4; border:1px solid #cc9; 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:#cc9; color:#a1a172; border-bottom:2px solid #a1a172; font-weight:700; padding:0 5px; text-decoration:none } .pied_de_module a:hover { background:#e0e1b4; color:#a1a172 } /* Pagination (memberlist.php) */ .page_encours { font-size:1.5em } .page_choix { background:#cc9; font-size:1.2em; padding:2px } .page_choix:hover { font-size:1.5em; color:#a1a172 } .nav_barre a { text-decoration:none } /* Style des labels*/ label { display:inline; float:left } .label_enregistrer1 { width:240px } .label_enregistrer2 { width:310px } .label_profil1 { width:150px } .label_profil2 { font-size:.9em; width:255px } .label_contact { width:200px } .label_admin_options1 { width:200px } .label_admin_options2 { width:370px } .label_admin_email { width:200px } /* Petit Plus */ .icones_admin a { text-decoration:none } #invite,#nom { background:#cc9 url('../img/invite.jpg') no-repeat; padding-left:18px } #invite:hover,#nom:hover { background:#e0e1b4 url('../img/invite.jpg') no-repeat; padding-left:18px } #email,#eemail { background:#cc9 url('../img/email.jpg') no-repeat; padding-left:18px } #email:hover,#eemail:hover { background:#e0e1b4 url('../img/email.jpg') no-repeat; padding-left:18px } #sujet { background:#cc9 url('../img/sujet.jpg') no-repeat; padding-left:18px } #sujet:hover { background:#e0e1b4 url('../img/sujet.jpg') no-repeat; padding-left:18px } #sql_profil { background:#cc9 url('../img/sql_profil.jpg') no-repeat; padding-left:18px } #sql_profil:hover { background:#e0e1b4 url('../img/sql_profil.jpg') no-repeat; padding-left:18px } /* 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?ffet 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; } .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 ==========*/