/**************************************************** * 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 */ .gaucheimg { float:left; border:10px solid #80BB01; margin:10px; } .droiteimg { float:right; border:10px solid #5A7E04; margin:10px; } font { font-size:1.5em; color:#FFFFFF } td { font-size:1em; color:#FFFFFF } p { font-size:1em; color:#FFFFFF } th { font-size:1em; text-align:center; color:#FFFFFF } /* Mise en forme de la date */ .date { font-size:.8em; color:#4d4c4c } /* Liens généraux */ a:link,a:active,a:visited { color:#B9E85D; text-decoration:underline } a:hover { color:#B9E85D; 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:#FFFFFF; font-family:"Trebuchet MS", Verdana, "Times New Roman", Times, serif; font-size:small; color:#FFFFFF; margin-left:auto; margin-right:auto; margin-top:0; width:100%px } /******************************************************************************/ /* */ /* - - - - L E H E A D E R - - - - - - - - - - - - - - - - */ /* */ /******************************************************************************/ #nav { text-align:right; margin-right:30px; } /* Position du menu */ #subnav { list-style:none; padding-top:40px; } #subnav li { background:#ffffff url('../img/bg-menu.jpg') no-repeat; display:inline; float:center; padding:5px 10px 5px; font-family:"Trebuchet MS", Verdana, "Times New Roman", Times, serif; font-variant:small-caps; font-weight:700; font-size:1.5em; } #subnav li a { text-decoration:none; color:#5A7E04; font-weight:700; padding:0 5px; } #subnav li a:hover { text-decoration:underline; color:#304004 } #header { width:100%; height:100px } #logoheader { background:#ffffff url('../img/logo.png') no-repeat left top; height:100px } .date_header{ float:right; text-align: right; color:#fff; margin-right:40px; margin-top: 30px } /* Les 3 Parties ( GAUCHE CENTRE DROITE ) *************************************/ /* Colonnne des blocs de gauche et droite*/ div#left { float:left; width:220px; margin-left:43px; } div#right { float:right; width:220px; margin-right:15px } div#central { overflow:hidden; width:auto; padding:0 10px } div#contenu { padding-top:80px; background:#36011B url('../img/logo-footer.jpg') no-repeat left top; } /*Le Footer *******************************************************************/ .footer { background:#36011B url('../img/foot.jpg') no-repeat left bottom; width:100%; clear:both; color:#FFFFFF; height:58px; text-align:center } .footer_kwsphp { background:#9fabc4 url('../img/haut_footer.png'); width:100%; height:48px; line-height:48px; margin-top:-15px; color:#FFFFFF } .footer a,a#ckws { color:#FFFFFF; text-decoration:none } .footer a:hover,#ckws:hover { color:#FFFFFF } /******************************************************************************/ /* */ /* - - - - - - - - - - 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 { background:transparent url('../img/bg-titre.jpg') no-repeat right bottom; font-family:"Trebuchet MS", Verdana, "Times New Roman", Times, serif; border-bottom:5px solid #C8CBC1; font-variant:small-caps; font-weight:700; font-size:1.3em; margin-left:5px; margin-right:30px; padding-right:10px; height:28px; line-height:28px; text-align: right; color:#B9FB05 } .bloc_titre_centre a { color:#B9FB05; text-decoration:none; } .bloc_titre_centre:first-letter { font-variant:small-caps; font-weight:700; font-size:1.3em color:#FFFFFF; } .bloc_contenu_centre_sub { background:#80BB01 url('../img/bg-articles.jpg') repeat-x; margin-left:5px; margin-right:30px; margin-bottom:5px; width:auto; } .bloc_contenu_centre { background:transparent url('../img/filigrane.png') no-repeat right bottom; margin-left:5px; margin-right:0px; margin-bottom:5px; padding:25px; width:auto; color:#FFFFFF } .pied { clear:both; } .blocline { background:#fff } /************ MISE EN FORME DES LIENS DU BLOC MENU ***************************/ .blocmenu { margin-top:29px; margin-bottom:0px; margin-left:0px; margin-right:0px; 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:#FFFFFF; display:block; margin:0; padding:0 10px 0 20px; text-decoration:none } .blocmenu a:hover,.bloc_espace_membre_list-style a:hover { background:url('../img/puce-menu-on.png') repeat-x; height:25px; color:#FFFFFF; display:block; text-decoration:none; margin:0; padding:0 10px 0 20px } .blocmenu li,.bloc_espace_membre_list-style li { background:url('../img/puce-menu.png') repeat-x; font-family:"Trebuchet MS", Verdana, "Times New Roman", Times, serif; font-variant:small-caps; font-weight:700; font-size:1.1em; height:25px; border:1px solid #5A7E04; margin-bottom:3px; padding:0; width:210px; 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 #FF0000; } .article_titre a { color:#A8778C; text-decoration:none } .article_contenu { background:#bac4d9; margin:0 5px 5px; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; 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:1px solid #FFFFFF } .titre_news a { color:#A8778C; 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:#A8778C; font-weight:700 } .bloc_news_mois { color:#fff; font-weight:700 } .bloc_news_haut { background:#BAE85D; border:1px solid #FFFFFF; border-top:none; border-bottom: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 } /*************FIN DU CSS ********************************/