/**************************************************** * Thème Tahiti_bob * * Réalisé par neopreine * * http://www.neopreine.com * * Le 26/05/2008 * * Modifié le xx/0x/2008 * ****************************************************/ /* Style du surlignage avec le bbcode) */ .surlign { background-color:#ffff99; color:#333; } /* Police Générale */ font{ font-family: "Century gothic", Arial, "Times New Roman", Times, serif; font-size:12px; color:#000; } td{ font-family: "Century gothic", Arial, "Times New Roman", Times, serif; font-size:12px; color:#000; } p{font-family: "Century gothic", Arial, "Times New Roman", Times, serif; font-size:1em; color:#000; } th{ font-family: "Century gothic", Arial, "Times New Roman", Times, serif; font-size:11px; font-weight : bold; text-align:center; color:#000; } /* Mise en forme de la date */ .date{ font-family: "Century gothic", Arial, "Times New Roman", Times, serif; font-size:0.8em; color:#fff; } /* Liens généraux */ a img {border-style:none;} a:link,a:active,a:visited{ color:#2183b6; text-decoration:none; font-weight : bold; } a:hover{ color:#ffa500; font-weight: bold; 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: url(null) fixed; /*evite le sautillement du menu sous IE*/ background-image:url('../img/fond_orange.jpg'); background-color:#0cbef2; font-family: "Century gothic", Arial, "Times New Roman", Times, serif; font-size:1.0em; color:#2183b6; margin-left: auto; margin-right: auto; margin-top:0px; width:1000px; min-width: 890px; max-width:1200px; } /* Le Menu du Header *********************************************************/ .barre_navig{ width:1000px; position:fixed; } .menu{ background-image:url('../img/barre_menu.png'); background-repeat:repeat-x; text-align:center; font-size: 1em; font-weight: bolder; color:#2183b6; height:50px; } .center_menu a{ color:#2183b6; font-weight: normal; } /* Le Header ******************************************************************/ .header{ background-image:url('../img/header_orange330.png'); background-repeat:no-repeat; width:1000px; height:330px; } .date_header{ margin-left:700px; color: #fff; font-weight:bolder; font-size:1.2em; margin-top:260px; } /* Les 3 Parties ( GAUCHE CENTRE DROITE ) *************************************/ .centre{ width:1000px; margin-top:0px; vertical-align:top; background-image:url('../img/corps_orange.jpg'); background-repeat:repeat-y; } /* Colonnne des blocs à gauches*/ .left{ width:210px; background-color:transparent; } /* Colonnne des blocs à droite*/ .right{ width:210px; vertical-align:top; background-color:transparent; } /* Centre (entre colonne de gauche et droite) */ .central{ width:100%; padding-top:0px; padding-left:2px; padding-right:2px;; } /*Le Footer *******************************************************************/ .footer_text a:hover{ color:#FFFFFF; } .footer_text { text-align: center; color:#FFFFFF; } .footer_text a{ color:#FFFFFF; } .footer_text a:visited{ color:#FFFFFF; } .footer_kws{ font-size: 10px; color:#fff; text-align:center; } .footer_kws a{ font-size: 10px; color:#fff; text-align:center;} .footer_kws a:hover{ font-size: 10px; color:#fff; text-align:center; text-decoration: underline;} .gen{ /* pour Page générée */ font-size: 10px; color:#fff; text-align:center; width:100%; clear:both; } #ckws{color:#fff;font-size: 10px;} .copyright{ padding-top:100px; width:100%; height:200px; font-size:0.6em; font-weight:normal; text-align:center; background-image:url('../img/footer_orange.png'); background-repeat:no-repeat; } /******************************************************************************/ /* Les blocs principaux *******************************************************/ /* Le contenu des blocs des colonnes de gauches et de droites */ .bloc_espace_membre1{ text-align:left; } .bloc_espace_membre2{ text-align:center; } .bloc_espace_membre_avat{ text-align:center; } .bloc_espace_membre_list-style{ list-style-image:url('../images/espace_membre/puce.png'); padding:5px; margin-left:18px; } .bloc_espace_membre_list-style li{ } .bloc_espace_membre_priv{ float:right; } .bloc { width:100%; background-color:transparent; } .bloc_titre{ width:210px; height:45px; text-align:center; font-weight: bolder; font-size: 1.1em; font-family: "Century gothic", Arial, "Times New Roman", Times, serif; color: #2183b6; } .bloc_titre:first-letter { font-style: italic; font-variant: small-caps; font-weight: bolder; font-size: 1.1em; font-family: "Century gothic", Arial, "Times New Roman", Times, serif; color: #2183b6; } .bloc_contenu{ width:100%; background-color:transparent; font-family: "Century gothic", Arial, "Times New Roman", Times, serif; font-size:0.9em; color:#2183b6; padding-top:5px; padding-left:5px; /* Marge à gauche */ padding-right:0px; /* Marge à droite */ overflow: hidden; /* Ne Pas Toucher */ height:99%; /* Pour IE sinon espace */ } .bloc_footer{ background-image:url('../img/bloc_footer.png'); background-repeat:no-repeat; width:210px; height:10px; margin-bottom:10px; } /* Les Blocs du centre */ .bloc_titre_centre{ background-image:url('../img/bloc_titre_centre.jpg'); padding-left:10px; height:30px; border-left: 1px solid #ffa500; border-right: 1px solid #ffa500; font-size:1.1em; font-weight: normal; color:#2183b6; } .bloc_titre_centre a{ font-size:1.1em; font-weight: bloder; color:#2183b6; } .bloc_contenu_centre{ background-color: #fffad3; color:#2183b6; margin-bottom:5px; padding:5px; border:1px solid #ffa500; height:100%; } .blocline{ background:#ffffff; } /******************************************************************************/ /* */ /* - - - - - - - - - - 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:30px; margin-left:2px; margin-right:2px; font-family: "Century gothic", Arial, "Times New Roman", Times, serif; font-weight: bold; font-size: 1.1em; padding-left: 5px; border-left:1px solid #ffa500; border-right:1px solid #ffa500; border-bottom:1px solid #ffa500; } .article_titre a{ font-family: "Century gothic", Arial, "Times New Roman", Times, serif; font-weight: bold; font-size: 1.1em; color:#2183b6;} .article_contenu { background-color: #fffad3; margin-left:2px; margin-right:2px; margin-bottom:5px; border-left:1px solid #ffa500; border-right:1px solid #ffa500; border-bottom:1px solid #ffa500; 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 - - - - - - - - - - - - - - - */ /* */ /******************************************************************************/ .date_news { font-family: "Century gothic", Arial, "Times New Roman", Times, serif; font-size:1em; /* Taille de la police */ font-style: italic; /* Police en italique */ color:#000; /* Couleur de la police */ } .image_news{ float: left; margin-right:5px; } .bloc_contenu_news{ background-color: #fffad3; padding:5px; border: 1px solid #ffa500; overflow: hidden; /* Ne Pas Toucher */ } .commentaire_news{ background-color: #ffd800; color:#000; margin-bottom:5px; border-left: 1px solid #ffa500; border-right: 1px solid #ffa500; border-bottom: 1px solid #ffa500; text-align:right; } /******************************************************************************/ /* */ /* - - - - - - - - - - - L E F O R U M - - - - - - - - - - - - - - - */ /* */ /******************************************************************************/ .forum_cat_mid{ background-color:#ffd800; border-left: 1px solid #ffa500; border-bottom: 1px solid #ffa500; border-top:none; padding:3px; font-family: "Century gothic", Arial, "Times New Roman", Times, serif; font-size:12px; color:#000; } .forum_cat_mid_der{ background-color:#ffd800; border-right: 1px solid #ffa500; border-left: 1px solid #ffa500; border-bottom: 1px solid #ffa500; border-top:none; padding:3px; font-family: "Century gothic", Arial, "Times New Roman", Times, serif; font-size:12px; color:#000; text-align:right } .forum_tr{ background-color:#dfdfdf } .forum_message{ background-color:#ffd800;} .forum_contenu{ background-color:#ffd800; padding-left:5px; vertical-align:top; } .forum_auteur{ background-color:#ffa500; color:#2183b6; font-weight:bolder; width:20%; padding:5px; text-align:center; vertical-align:top; text-align:center; border:1px solid #ffa500; border-top:none; } .forum_contact{ background-color:#ffd800; width:5%; vertical-align:bottom; padding:5px; padding-bottom:5px; border-left:1px solid #ffa500; } .forum_signature{ background-color:#ffd800; width:100%; margin-left:-5px; padding:5px; vertical-align:bottom; margin-bottom:87px; } .forum_date{ background-color:#ffd800; padding:5px; font-style: italic; border-bottom:1px solid #ffa500; } /* TITRE DES RUBRIQUES *******************************************************/ .forum_titre{ background-image:url('../img/bloc_titre_centre.jpg'); background-repeat:repeat-x; height:30px; border-left:1px solid #ffa500; border-bottom:1px solid #ffa500; font-family: "Century gothic", Arial, "Times New Roman", Times, serif; font-variant:small-caps; font-weight:bold; font-size:14px; color:#2183b6; text-align:center } .forum_titre_der{ background-image:url('../img/bloc_titre_centre.jpg'); background-repeat:repeat-x; height:29px; border:1px solid #ffa500; border-top:none; font-family: "Century gothic", Arial, "Times New Roman", Times, serif; font-variant:small-caps; font-weight:bold; font-size:14px; color:#2183b6; text-align:center } #postzone{ /* Saisie du texte dans le forum*/ width:585px; margin-bottom:5px; } /* 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:29px; border: 1px solid #ffa500; border-top: none; font-family: "Century gothic", Arial, "Times New Roman", Times, serif; font-variant:small-caps; font-weight:bold; font-size:14px; color:#2183b6; 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 #D7D7D7; border-top-width:1px;height:0px } /* Couleurs de fond en général des tableaux ex:index.php?mod=ip */ td.row1{ background-color:transparent } td.row2{ background-color:transparent } td.row3{ background-color:transparent } /* MISE EN FORUM DES BBCODES /****************************************************************/ /* Panneau du bbcode [panneau]*/ .panneau { background-color:#7ee41e; border: 1px solid #fff; font-family: Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:bolder; color:#2183b6; padding:4px; } /* CITATIONS [QUOTE] [/QUOTE] ************************************************/ .quote { background-color:#7ee41e; font-family: "Century gothic", Arial, "Times New Roman", Times, serif; font-size:1.0em; font-style:italic; font-weight:bolder; color:#2183b6; padding-left:2px; border: 1px solid #fff; border-left: 4px solid #fff; } .quote:first-letter { font-size: 1.5em; font-weight: bolder; font-style: italic; color: #2183b6; font-family: "Century gothic", Arial, "Times New Roman", Times, serif; font-variant: small-caps; } /* Code PHP dans les bbcode. ([code][/code])*/ .code_php { background-color:#7ee41e; border-top: 3px solid #fff; border-bottom: 3px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; font-family: Courier, Helvetica, sans-serif; font-size: 1.0em; font-weight:bolder; color:#2183b6; padding:4px; left:-2px; overflow: auto; width: 500px; } /* Visiualisation d'un post */ #apercu { background-color:#fffce2; text-align:left; height:220px; width:580px; color:#000; overflow:auto; padding:2px; border:1px solid #ffa500; margin-top:5px; margin-left:auto; margin-right:auto; } /* Eléments du formulaire */ input,textarea, select { font-family: "Century gothic", Arial, "Times New Roman", Times, serif; font-size:12px; font-style:italic; font-weight:bolder; color:#000; border:1px solid #ffa500; background-color:#f1efec; margin:2px; } input:hover,textarea:hover, select:hover { background-color:#fbf9f6; color:#000; font-weight:normal; border:1px solid #ffa500; } /* Couleur d'arrière-plan des champs d'entrée du texte */ input.post, textarea.postzone, select { background-color:#fffce2; color:#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,#all,#modbuttoncompteur { background-color:#fffce2; height:24px; text-align:center; font-weight:normal; color:#000; border-width:1px; border-color:#000; } /* 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:#ffd800; color:#fff; border:1px solid #ffa500; } /* Style des onmouseover (passsage souris ex: index.php?mod=forum&ac=affgrd) */ .onmouse_over { border: 1px #ccc dashed; background-color: #89bbd5; } .onmouse_out{ border: 0px; } .onmouse_over_forum { background: #ddd; } .onmouse_out_forum { border: 0px; } /* Style des labels*/ label { display:inline; float:left; } .label_enregistrer1 { width: 250px; } .label_enregistrer2 { width: 250px; } .label_profil1 { width: 150px; font-weight:bold; } .label_profil2 { width: 280px; font-weight:bold; } .label_contact{width:150px;} .label_admin_options1{width:200px;} .label_admin_options2{width:400px;} .label_admin_email{width:200px;} .fieldset { background-color:#fffce2; border:1px solid #ffa500; padding:1.5em; margin-left:auto; margin-right:auto; color:#000; } /* Titre des fieldset */ legend{color:#000;} .fieldset_resume { background-color:#f2f2f2; border-style:solid; border-width:1px; border-color:#CCCCCC; padding:1em; margin-left:auto; margin-right:auto; } /* 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:#fff; font-style: italic; border:2px solid #fff; border-left:4px solid #fff; padding:5px; background-color:#89bbd5; } .pied_de_module a:hover{ color:#fff; border:2px solid #fff; border-left:4px solid #fff; text-decoration:none; background-color:#2183b6; } /* Pagination (memberlist.php) */ .page_encours{ background-color:#666; color:#f2f2f2; padding:5px; } .page_choix{ border:1px solid #d3d0d0; padding:5px; } .page_choix:hover{ background-color:#6fafdd; color:#fff; border:1px solid #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; } .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 ********************************/