html{background:#E5E5E5 url(../images/design/fond.jpg) repeat-x; font-size:1em; font-family:Arial, Helvetica, sans-serif; } body{ background:url(../images/design/entete.jpg) repeat-x; margin:0; padding:0;} #conteneur, #menu-bas{ width:920px; margin:auto;} #conteneur{ } a{color:#BF0000; } a:hover{color:#FFFFFF; background:#BF0000 url(../images/design/entete.jpg) repeat-x; text-decoration:none;} *a img:hover{border:none;} a, a:hover, img, a img{border:none;} h1 a img, h1 a:hover{background:none;} h1{ position:absolute; margin-top:-55px;} h2, h3, h4{font-family:"Arial Rounded MT Bold", Geneva, Arial, Helvetica, sans-serif; font-weight:normal;} .obligatoire{ color:#BF0000;} #entete{ padding-top:60px; margin-bottom:40px; } #blog a:hover{ color:#fff; background:#BF0000 url(../images/design/entete.jpg) repeat-x;} /*=====================================================================================*/ /*======================================= BLOG ========================================*/ /*=====================================================================================*/ #toutLeCorps{margin-bottom:150px;} .contenu { margin: 0 auto; width: 1000px; margin-top: 150px; } #blog{ font-family: Arial,sans-serif; } #blog #corps{ min-height:700px; width:630px; float: left;} strong{ font-weight:bold;} /* Dernier post ----------------------------------------------- */ #blog .entry-full{ width: 630px; } #blog .post-title { width:615px; height:35px; padding: 10px 0 0 15px; background:#BF0000 url(../images/design2/bg-title-full.jpg) no-repeat top; } #blog .entry-full .post-title h3 a{ font-family: Arial,sans-serif; font-weight:bold; font-size:16px; color:#fff; text-decoration:none; display:block; } .post-title h3 a{ display:block;} #blog .entry-full .post-title h3 a:hover, .post-title h3 a:hover{ background:none;} #blog .entry-full .post-body{ width:600px; padding:6px 13px 0 13px; height:auto; border:2px solid #fff; background:url(../images/design2/fond.jpg) repeat-x top; overflow:hidden; } #blog .entry-full .post-body .post-p1 { float:left; width:375px; height:auto; overflow:hidden; padding:0 15px 0 0; margin-bottom:15px; font-size:12px; font-family: Verdana,sans-serif;} #blog div.post-infos { width: 375px; height: 42px; font-family: Arial,sans-serif; font-size:12px; } #blog p.date{ float: left; color:#fff; background:url(../images/design2/bg-date.jpg) no-repeat top left; width:90px; height:33px; padding:9px 0 0 6px; margin-right:10px; } #blog p.auteur { float: left; color: #bcbcbc; width:auto; height:28px; padding-top:14px; } span.jour { font-weight:bold; } .bold { font-weight: bold; } p.read-more a{ display:block; float:left; background:url(../images/design2/btn-read_more.png) no-repeat; width:116px; height:18px; padding:3px 0 0 7px; text-transform:uppercase; font-weight:bold; color:#d50100; font-size:13px; margin-right:10px; margin-top:15px; font-family: Arial,sans-serif; } p.read-more a:hover{background:none; background:url(../images/design2/btn-read_more-rollover.png) no-repeat !important; color:#FFF ;} p.comments { float:left; background:url(../images/design2/btn-comments.png) no-repeat; width:127px; height:17px; padding:3px 0 0 20px; text-transform:uppercase; font-weight:bold; color:#d50100; font-size:12px; margin-top:16px; font-family: Arial,sans-serif; } #blog .entry-full .post-footer {width:630px; height:10px; background:url(../images/design2/bg-post-footer-full.png) no-repeat; } #blog .entry-full .post-body .post-p2 { float:left; width:210px; margin-bottom:15px; } #blog .entry-full .post-body .post-p2 a { display:block; width:200px; height:auto; padding:4px; border:1px solid #bcbcbc; } #blog .entry-full .post-body .post-p2 a:hover { background:none; border:1px solid #BF0000; } /* Autres postes ----------------------------------------------- */ #blog ul#entries-half { width:640px; } #blog ul#entries-half li { width:310px; height:400px; font-size:12px; float:left; margin-right:10px;} #blog ul#entries-half li .post-title {width:295px; height:45px; padding: 5px 0 0 15px; background: url(../images/design2/bg-title-half.png) no-repeat top; overflow:hidden; } #blog ul#entries-half li .post-title h3 a { font-family: Arial,sans-serif; font-weight:bold; font-size:14px; color:#fff; text-decoration:none; } #blog ul#entries-half li .post-title h3 a:hover{ background:none;} #blog ul#entries-half li .post-body { width:280px; height:auto;padding:6px 13px 0 13px; border:2px solid #fff; background:url(../images/design2/fond.jpg) repeat-x top; overflow:hidden; font-size:12px; font-family: Verdana,sans-serif; } #blog ul#entries-half li .post-body .contenu-du-billet{ height:65px; overflow:hidden; } #blog ul#entries-half li .post-body .post-infos { width: 280px; height: 42px; font-family: Arial,sans-serif; } #blog ul#entries-half li .post-body a.post-img { display:block; border:1px solid #bcbcbc; width:200px; height:auto; padding:4px; margin-bottom:13px; margin-left:auto; margin-right:auto;} #blog ul#entries-half li .post-body a.post-img:hover { background: none; border:1px solid #BF0000; margin-bottom:13px;} #blog ul#entries-half li .post-footer { width:310px; height:10px; background:url(../images/design2/bg-post-footer-half.png) no-repeat;} #blog div.post-hr {width:auto; height:4px; margin:15px 0 0 0; background:url(../images/design2/bg-post_hr.png) repeat-x; clear:both; } #blog .notification{ clear:both; font-size:0.9em; margin-top:0px;} em{ font-style:italic;} #autre-lecture h3{ font-size:0.9em;} /*=====================================================================================*/ /*===================================== MENU SECONDAIRE ===============================*/ /*=====================================================================================*/ #blog #menu-secondaire {float: left; width:240px; height:auto; margin-left:20px; } #blog #menu-secondaire .box { width: 240px; height:auto; } #blog #menu-secondaire .box .box-title, .entry-full .box-title{ width:225px; height:22px; padding: 5px 0 0 15px; background:url(../images/design2/bg-title-box.png) no-repeat; color:#FFF; } #blog #menu-secondaire .box .box-title-newsletter, #blog #menu-secondaire .box .box-title-derniers-billets,#blog #menu-secondaire .box-title-plus-commentes,#blog #menu-secondaire .box .box-title-categorie, #blog #menu-secondaire .box .box-title-blogroll{ width:170px; height:52px; padding: 5px 0 0 70px; background:url(../images/design2/bg-title-box_newsletter.png) no-repeat; } #blog #menu-secondaire .box .box-title-derniers-billets{background:url(../images/design2/bg-title-box_last_posts.png) no-repeat; } #blog #menu-secondaire .box-title-plus-commentes{background:url(../images/design2/bg-title-box_best_posts.png) no-repeat; } #blog #menu-secondaire .box .box-title-categorie{background:url(../images/design2/bg-title-box_categories.png) no-repeat; } #blog #menu-secondaire .box .box-title-blogroll{background:url(../images/design2/bg-title-box_blogroll.png) no-repeat; } #blog #menu-secondaire .box .box-title-syndication { width:217px; height:52px; padding: 5px 8px 0 15px; background:#fff url(../images/design2/bg-title-box.png) no-repeat; } .box-body-icon-title{ } #blog #menu-secondaire .box .box-title h4, #blog #menu-secondaire .box .box-title-newsletter h4, #blog #menu-secondaire .box .box-title-syndication h4 , .entry-full .box-title, #blog #menu-secondaire .box .box-title-derniers-billets h4,#blog #menu-secondaire .box-title-plus-commentes h4,#blog #menu-secondaire .box .box-title-categorie h4, #blog #menu-secondaire .box .box-title-blogroll h4{ font-family: Arial,sans-serif; font-weight:bold; font-size:11px; color:#fff; text-decoration:none; text-transform:uppercase; } #blog #menu-secondaire .box .box-title-syndication h4 { margin-left:8px; } #blog #menu-secondaire .box .box-body { width:223px; height:auto; padding:6px 13px 13px 0px; border:2px solid #fff; background:url(../images/design2/fond.jpg) repeat-x top; overflow:hidden; font-size:12px; font-family: Verdana,sans-serif; } #blog #menu-secondaire .box .box-body li{ font-size:1em;} #blog #menu-secondaire .box .icon-title { padding-top:0; } #blog #menu-secondaire .box .box-footer { width:240px; height:10px; background:url(../images/design2/bg-box-footer.png) no-repeat; } #blog ul.big-list li { width:207px; height:auto; font-size:14px; background:url(../images/design2/bg-post_hr.png) bottom repeat-x; margin-left:10px; } #blog ul.big-list li:hover{ width:237px; margin-left:auto;} #blog ul.big-list li a { display:block; padding:15px 5px; padding-left:7px;} #blog ul.big-list li a:hover{ background:url(../images/design/entete.jpg) repeat-x; padding-left:17px; padding-right:17px; width:200px;} #blog ul.big-list li:last-child, #blog .box-body ul.twocols-list li:last-child { margin-bottom:0; } #blog ul.2cols-list { width:210px; height:auto; } #blog .box-body ul.twocols-list li { float:left; width:95px; min-height:15px; font-size:12px; margin-bottom:5px; padding-left:15px; } #blog ul.social-list li a { display:block; width:40px; text-indent:-9999em; height:52px; float:left; margin-right:4px; overflow:hidden; } #blog ul.social-list li .icon-rss { background:url(../images/design2/icon-rss.jpg) top left no-repeat; } #blog ul.social-list li .icon-rss:hover { background:url(../images/design2/icon-rss.jpg) top right no-repeat; } #blog ul.social-list li a.icon-facebook { background:url(../images/design2/icon-facebook.jpg) top left no-repeat; } #blog ul.social-list li a.icon-facebook:hover { background:url(../images/design2/icon-facebook.jpg) top right no-repeat; } #blog ul.social-list li a.icon-twitter { background:url(../images/design2/icon-twitter.jpg) top left no-repeat; margin-right:12px; } #blog ul.social-list li a.icon-twitter:hover { background:url(../images/design2/icon-twitter.jpg) top right no-repeat; } /*===================================== form newsletter ===============================*/ form#form-newsletter { width:210px; padding-left:15px; margin-top:13px } form#form-newsletter input[type=text] { width:153px; height:18px; padding: 3px 2px 0px 5px; border:1px solid #c70000; background:url(../images/design2/bg-inputs.jpg) repeat-x; color:#4a4a4a; } form#form-newsletter input[type=text]:focus { border-color:#61a7cb; } form#form-newsletter input[type=submit] { width:25px; height:23px; border:1px solid #c70000; background:url(../images/design2/bg-inputs.jpg) repeat-x; cursor:pointer; } form#form-newsletter input[type=submit]:hover { border-color:#61a7cb; } .obligatoire {font-weight:bold; color:#c70000 } /* full-post ----------------------------------------------- */ #blog .entry-full .post-title-comments { width:560px; height:53px; padding: 4px 0 0 70px; background:url(../images/design2/bg-title-comments.png) no-repeat top; } #blog .entry-full .post-title-add-comment { width:560px; height:53px; padding: 4px 0 0 70px; background:url(../images/design2/bg-title-add_comment.png) no-repeat top; } #blog .entry-full .post-title-comments h4, #blog .entry-full .post-title-add-comment h4 { font-size:12px; color:#fff; text-transform:uppercase;} #blog .post-full-text { float: left; font-size:12px; line-height: 1.5em; font-family:Verdana,sans-serif; margin-bottom: 15px; width:auto; height:auto; overflow:hidden; } #blog .post-full-text p { margin-bottom: 10px; text-align:justify; } #blog .post-full-text blockquote { font-style: italic; } #blog .post-full-text ul { width: auto ; margin-left:45px; margin-bottom:-20px; } #blog .post-full-text ul li { list-style: disc; text-align:justify; margin-bottom:10px; } #blog .post-full-text .post-img { border:1px solid #bcbcbc; width:200px; height:auto; padding:4px; margin-bottom:13px; margin-left:15px; float: right; } /* commentaires ----------------------------------------------- */ #blog ul#liste-commentaires, ul#liste-commentaires li { width:600px; height:auto; overflow:hidden; } #blog ul#liste-commentaires li { background:url(../images/design2/bg-post_hr.png) repeat-x bottom; margin-bottom: 30px; padding-bottom: 15px; } #blog div.commentaire-p1 { float:left; width: 105px; padding-right:15px; height:auto; font-size: 12px; text-align:right; } #blog div.commentaire-p1 img { border: 2px solid #BF0000; } #blog div.commentaire-p2 { float:left; width:464px; padding-left: 15px; height:auto; border-left: 1px solid #bcbcbc; font-size:12px; line-height: 1.5em; font-family:Verdana,sans-serif; } p.commentaire-author {color:#BF0000; font-size:12px;} p.commentaire-nbr-comms, p.commentaire-date { color:#bcbcbc; font-size:10px;} p.commentaire-date { font-style:italic;} /* Formulaire ajout commentaire ----------------------------------------------- */ #form-ajout-commentaire { width:620px; font-size:12px; } #form-ajout-commentaire input[type=text] { width:285px; height:19px; padding: 4px 2px 0px 3px; border:1px solid #bcbcbc; background:url(../images/design2/bg-inputs.jpg) repeat-x; color:#4a4a4a; margin-bottom:15px; display:block; } #form-ajout-commentaire select { margin-bottom:15px; } #form-ajout-commentaire textarea { width:590px !important; height:150px; background:#f8f8f8 url(../images/design2/bg-inputs.jpg) repeat-x; border:1px solid #bcbcbc; padding: 3px 2px 0px 3px; display:block; } #form-ajout-commentaire input[type=submit] { margin:15px 0 15px 0; } #form-ajout-commentaire-right, #form-ajout-commentaire-left {float:left; width:300px; height:auto; overflow:hidden; } #ajouterCommentaire{text-transform:uppercase;} #form-ajout-commentaire-left{ padding-left:5px;} /* Blog pagination ----------------------------------------------- */ ul#blog-pagination { padding-top:20px; width:400px; height:20px; padding-left:230px; overflow:hidden; text-align:center; clear: both;} ul#blog-pagination li { float:left; } ul#blog-pagination li a, ul#blog-pagination #page-actuelle { font-size:12px; float:left; margin-right:5px; border:1px solid #bcbcbc; text-decoration:none; color:#000; height:15px; width:25px; padding-top:3px; text-align:center; } ul#blog-pagination li a:hover { border-color:#d50000; background:#fff; color:#000; } ul#blog-pagination li a#blog-pagination-fastLeft, ul#blog-pagination li a#blog-pagination-left, ul#blog-pagination li a#blog-pagination-fastRight, ul#blog-pagination li a#blog-pagination-right { display:block; text-indent:-9999em; width:21px; height:20px; overflow:hidden; border:none; padding:0;} ul#blog-pagination li a#blog-pagination-fastLeft, ul#blog-pagination li a#blog-pagination-fastLeft:hover { background:url(../images/design2/sprite-pagination.png) bottom left; } ul#blog-pagination li a#blog-pagination-left, ul#blog-pagination li a#blog-pagination-left:hover { background:url(../images/design2/sprite-pagination.png) top left; } ul#blog-pagination li a#blog-pagination-fastRight, ul#blog-pagination li a#blog-pagination-fastRight:hover { background:url(../images/design2/sprite-pagination.png) bottom right; } ul#blog-pagination li a#blog-pagination-right, ul#blog-pagination li a#blog-pagination-right:hover { background:url(../images/design2/sprite-pagination.png) top right; } h1{ position:absolute; margin-top:-55px;} #entete{ padding-top:60px; margin-bottom:40px; } div#sharing { width: auto; height: 21px; } div#sharing a { display: block; width: 21px; height: 19px; text-indent: -9999em; border: 1px solid #ddd; float: left; margin-right: 5px; margin-top:15px; } div#sharing a:hover { border-color: #BF0000; } div#sharing a.facebook, div#sharing a.facebook:hover { background: url(../images/design2/social-icons.jpg) no-repeat left top; } div#sharing a.twitter, div#sharing a.twitter:hover { background: url(../images/design2/social-icons.jpg) no-repeat -20px; } div#sharing a.fuzz, div#sharing a.fuzz:hover { background: url(../images/design2/social-icons.jpg) no-repeat -41px; } div#sharing a.yahooB, div#sharing a.yahooB:hover { background: url(../images/design2/social-icons.jpg) no-repeat -84px; } div#sharing a.digg, div#sharing a.digg:hover { background: url(../images/design2/social-icons.jpg) no-repeat -106px; } div#sharing a.googleF, div#sharing a.googleF:hover { background: url(../images/design2/social-icons.jpg) no-repeat -129px; } div#sharing a.identi, div#sharing a.identi:hover { background: url(../images/design2/social-icons.jpg) no-repeat -150px; } div#sharing a.additious, div#sharing a.additious:hover { background: url(../images/design2/social-icons.jpg) no-repeat -170px; width:35px; } div#sharing a.shareEmail, div#sharing a.shareEmail:hover { background: url(../images/design2/social-icons.jpg) no-repeat -206px; } div#sharing a.delicious, div#sharing a.delicious:hover { background: url(../images/design2/social-icons.jpg) no-repeat -63px; } div#sharing a.linkedin, div#sharing a.linkedin:hover { background: url(../images/design2/social-icons.jpg) no-repeat -229px; } div#sharing a.blogasty, div#sharing a.blogasty:hover { background: url(../images/design2/social-icons.jpg) no-repeat -250px; } div#sharing a.misterwong, div#sharing a.misterwong:hover { background: url(../images/design2/social-icons.jpg) no-repeat -270px; } div#sharing a.wikio, div#sharing a.wikio:hover { background: url(../images/design2/social-icons.jpg) no-repeat -290px; } div#sharing a.msn_reporter, div#sharing a.msn_reporter:hover { background: url(../images/design2/social-icons.jpg) no-repeat -312px; } div#sharing a.bluegger, div#sharing a.bluegger:hover { background: url(../images/design2/social-icons.jpg) no-repeat -335px; } div#sharing a.digg-design, div#sharing a.digg-design:hover { background: url(../images/design2/social-icons.jpg) no-repeat -360px; } div#sharing a.digg-france, div#sharing a.digg-france:hover { background: url(../images/design2/social-icons.jpg) no-repeat -383px; } div#sharing a.yoolink, div#sharing a.lookink:hover { background: url(../images/design2/social-icons.jpg) no-repeat -408px; } div#sharing a.nuouz, div#sharing a.nuouz:hover { background: url(../images/design2/social-icons.jpg) no-repeat -435px; } div#sharing a.myspace, div#sharing a.myspace:hover { background: url(../images/design2/social-icons.jpg) no-repeat -460px; } /*=====================================================================================*/ /*===================================== MENU PRINCIPAL ================================*/ /*=====================================================================================*/ #menu, #menu-bas{ position:relative; z-index:2; padding-left:15px; } #menu li, #menu-bas li{ list-style:none; display:inline; color:#FFF; font-size:0.8em;} #menu li a, #menu-bas li a{ color:#FFF; text-decoration:none; } #menu li a:hover, #menu-bas li a:hover{ text-decoration:underline; background:none; } #menu{ margin-top:16px; margin-bottom:-120px; } /*===================================== PIED DE PAGE ==================================*/ /*=====================================================================================*/ #pied-page{ background-color:#990100; background:#990100 url(../images/design/entete.jpg) repeat-x; margin:0; padding:0; margin-bottom:0; margin-top:30px; } #pied-page li{ list-style:none; } #pied-page #logo-phenix-creation{ } #pied-page #copyright{ color:#FFF; text-align:center; font-size:0.8em; padding-bottom:20px; } .masquer, .masquerCAT { display:none;} .lire-la-suite{ font-size:0.8em; text-align:right; padding-bottom:10px; padding-top:10px;} #meme-categorie{ margin-left:20px; font-size:0.8em; margin-top:0px; padding-bottom:10px;box-title} #meme-categorie li{ list-style:circle;} .entry-full .box-title { background:url(../images/design2/mm-categorie.png) no-repeat; width:auto;} h3 a:hover{ background:none;} .ajout-blogrool{ clear:both; padding-top:20px; text-align:center; padding-left:5px;} fieldset legend{ display:none;} ul#blog-pagination #page-actuelle{ border-color:#BF0000; background:url(../images/design/entete.jpg) repeat-x; color:#FFF; font-weight:bold; cursor:default;} ol li, ol{ list-style:inherit;}