/* Theme Name: framboisIA (Internetactu 2009) Theme URI: http://www.internetactu.net/themes/ Description: Thème du site "Internet Actu" Version: 1.0 Author: Laurent Rollin & Amaury BALMER. Author URI: http://internetactu.net Tags: date: 21.01.08 revision: 09.12.09 COULEURS #B91631 --> framboise IA #BDD048 --> vert bloc FING */ #edito .box .b,#edito .box .b div { background:#000 url('img/box_edito3.png') no-repeat top right; } /*Fichier styles.css */ /*Imports additionnels*/ /* -------------------------------------------------------------- reset.css * Resets default browser CSS. -------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body, html { font-size:100%;} ul { list-style:none;} table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight:400; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none; } /* Structures BOX */ /*modele box*/ .box { position:relative; margin:0px auto; min-width:8em; /*max-width:313px;*/ /* pour mod drip (todo) */ color:#fff; z-index:1; margin-left:12px; /* coin gauche */ margin-bottom:0.2em; /* marge basse sous box */} /* EDITO ===========================================================================================*/ #edito .box .content,#edito .box .t, #edito .box .b,#edito .box .b div { background:#000 url('img/box_edito3.png') no-repeat top right;} /*contenu*/ #edito .box .content { position:relative; padding:14px 15px 0px 0px;zoom:1;} /*top*/ #edito .box .t { position:absolute; left:0px; top:0px; width:12px; margin-left:-12px; height:100%; background-position:top left;} /* bas */ #edito .box .b { position:relative; width:100%;} #edito .box .b, .box .b div {height:30px; font-size:1px;} #edito .box .b { background-position:bottom right;} #edito .box .b div { position:relative; width:12px; margin-left:-12px; background-position:bottom left;} #edito .box .hd, .box .bd, .box .ft { position:relative;} /* FOCUS ===========================================================================================*/ #focus .box .content,#focus .box .t, #focus .box .b,#focus .box .b div { background:transparent url('img/box_gris.png') no-repeat top right;} /*contenu*/ #focus .box .content { position:relative; padding:14px 15px 0px 0px; zoom:1;} /*top*/ #focus .box .t { position:absolute; left:0px; top:0px; width:12px; margin-left:-12px; height:100%; background-position:top left;} /* bas */ #focus .box .b { position:relative; width:100%;} #focus .box .b, .box .b div {height:30px; font-size:1px;} #focus .box .b { background-position:bottom right;} #focus .box .b div { position:relative; width:12px; margin-left:-12px; background-position:bottom left;} #focus .box .hd, .box .bd, .box .ft { position:relative;} /* FING ===========================================================================================*/ #blocFing .box .content,#blocFing .box .t, #blocFing .box .b,#blocFing .box .b div { background:transparent url('img/box_fing.png') no-repeat top right;} /*contenu*/ #blocFing .box .content { position:relative; padding:14px 15px 0px 0px;zoom:1;} /*top*/ #blocFing .box .t { position:absolute; left:0px; top:0px; width:12px; margin-left:-12px; height:100%;background-position:top left;} /* bas */ #blocFing .box .b { position:relative; width:100%;} #blocFing .box .b, .box .b div {height:30px; font-size:1px;} #blocFing .box .b { background-position:bottom right;} #blocFing .box .b div { position:relative; width:12px; margin-left:-12px; background-position:bottom left;} #blocFing .box .hd, .box .bd, .box .ft { position:relative;} /* PARTENAIRES ===========================================================================================*/ #blocPartenaires .box .content,#blocPartenaires .box .t, #blocPartenaires .box .b,#blocPartenaires .box .b div { background:transparent url('img/box_gris.png') no-repeat top right;} /*contenu*/ #blocPartenaires .box .content { position:relative; padding:14px 15px 0px 0px;zoom:1;} /*top*/ #blocPartenaires .box .t { position:absolute; left:0px; top:0px; width:12px; margin-left:-12px; height:100%;background-position:top left;z-index:0;} /* bas */ #blocPartenaires .box .b { position:relative; width:100%;} #blocPartenaires .box .b, .box .b div {height:30px; font-size:1px;} #blocPartenaires .box .b { background-position:bottom right;} #blocPartenaires .box .b div { position:relative; width:12px; margin-left:-12px; background-position:bottom left;} #blocPartenaires .box .hd, .box .bd, .box .ft { position:relative;} /* BOUTIQUES ===========================================================================================*/ #boutique .box .content,#boutique .box .t, #boutique .box .b,#boutique .box .b div { background:transparent url('img/box_boutique.png') no-repeat top right;} /*contenu*/ #boutique .box .content { position:relative; padding:14px 15px 0px 0px;zoom:1;} /*top*/ #boutique .box .t { position:absolute; left:0px; top:0px; width:12px; margin-left:-12px; height:100%; background-position:top left;} /* bas */ #boutique .box .b { position:relative; width:100%;} #boutique .box .b, .box .b div {height:30px; font-size:1px;} #boutique .box .b { background-position:bottom right;} #boutique .box .b div { position:relative; width:12px; margin-left:-12px; background-position:bottom left;} #boutique .box .hd, .box .bd, .box .ft { position:relative;} /* DERNIERS ===========================================================================================*/ .blocGris .box .content,.blocGris .box .t, .blocGris .box .b, .blocGris .box .b div { background:transparent url('img/box_gris.png') no-repeat top right;} /*contenu*/ .blocGris .box .content { position:relative;padding:14px 15px 0px 0px;zoom:1;} /*top*/ .blocGris .box .t { position:absolute; left:0px; top:0px; width:12px; margin-left:-12px; height:100%; background-position:top left;} /* bas */ .blocGris .box .b { position:relative; width:100%;} .blocGris .box .b, #lastItems .box .b div {height:30px; font-size:1px;} .blocGris .box .b { background-position:bottom right;} .blocGris .box .b div { position:relative; width:12px; margin-left:-12px; background-position:bottom left;} .blocGris .box .hd, .blocGris .box .bd, .blocGris .box .ft { position:relative;} /* COMMENTAIRES POST ===========================================================================================*/ #commentaires .box{ margin-top:18px;} #commentaires .box .content,#commentaires .box .t, #commentaires .box .b, #commentaires .box .b div { background:transparent url('img/box_com.png') no-repeat top right;} /*contenu*/ #commentaires .box .content { position:relative; padding:14px 15px 0px 0px;zoom:1;} /*top*/ #commentaires .box .t { position:absolute; left:0px; top:0px; width:12px; margin-left:-12px; height:100%;background-position:top left;} /* bas */ #commentaires .box .b { position:relative; width:100%;} #commentaires .box .b, #lastItems .box .b div {height:30px; font-size:1px;} #commentaires .box .b { background-position:bottom right;} #commentaires .box .b div { position:relative; width:12px; margin-left:-12px; background-position:bottom left;} #commentaires .box .hd, #commentaires .box .bd, #commentaires .box .ft { position:relative;} /* TRACKBACKS ===========================================================================================*/ #trackbacks .box{ margin-top:18px; } #trackbacks .box .content,#trackbacks .box .t, #trackbacks .box .b, #trackbacks .box .b div { background:transparent url('img/box_trackbacks.png') no-repeat top right;} /*contenu*/ #trackbacks .box .content { position:relative; padding:14px 15px 0px 0px;zoom:1;} /*top*/ #trackbacks .box .t { position:absolute; left:0px; top:0px; width:12px; margin-left:-12px; height:100%; background-position:top left;} /* bas */ #trackbacks .box .b { position:relative; width:100%;} #trackbacks .box .b, #lastItems .box .b div {height:30px; font-size:1px;} #trackbacks .box .b { background-position:bottom right;} #trackbacks .box .b div { position:relative; width:12px; margin-left:-12px; background-position:bottom left;} #trackbacks .box .hd, #trackbacks .box .bd, #trackbacks .box .ft { position:relative;} /* COULEURS #B91631 --> framboise IA #BDD048 --> vert bloc FING */ /*GENERAL --------------------------------------------------------------------------------------------------------------------------------------------------- */ body,html{ font-family:Arial, Helvetica, sans-serif;} input { font:0.9em Arial, Helvetica, sans-serif; padding:1px; background:#F6F6F6; color:black; border:1px solid #999999;} a { text-decoration:underline; color:#292929; background:transparent;} .clear{ clear:both; } .left { float:left;} .right {float:right;} span.all { position:absolute; top:18px; right:12px;display:block;font-size:0.7em; } span.all a:hover { border:none;} .marge { margin-top:6px;} form img{ border:none;} .erreur { font-size:0.8em; color:red !important; background:transparent;} /*DEBUG*/ .border { border:1px solid red;} #debug { background:#FFFFBB; color:black; padding:5px} /*versions*/ #ruban { position:absolute; top:0; right:0; z-index:10;} /*HEADER --------------------------------------------------------------------------------------------------------------------------------------------------- */ #header {width:100%;height:100px;background-color:#B91631; border-bottom:1px solid #000;position:relative;} #header #headerInside { width:915px; margin:auto; } #header #headerInside h1 a{ text-decoration:none; display:block; background:url('img/logoIA.png') no-repeat; text-indent:-9999px; width:350px; height:90px; } #header #headerInside p.desc { display:none; } #header #headerInside #ban{ position:absolute; top:0; margin:7px 0 0 380px;z-index:1;} #header #headerInside #ban img{ border:2px solid black;} #content #socialico{ position:absolute;right:10px;top:8px;} #content #socialico li{display:inline;padding-right:23px;} #content #socialico li a:hover{border:0;} /*CONTENT --------------------------------------------------------------------------------------------------------------------------------------------------- */ #content {width:920px;text-align:left;margin:0 auto;position:relative;} #content .tag a {color:#666;text-decoration:none;z-index:222;} #content .tag a:hover {color:#B91631; text-decoration:none; border:none;} /*MENU --------------------------------------------------------------------------------------------------------------------------------------------------- */ #content #menu { width:598px; margin:10px 0 15px 0; position:relative; float:left;} #content #menu ul {width:542px;} #content #menu ul li { display:inline;} #content #menu ul#menuPrincipal {height:2.4375em;background:url('img/menuBK.png') no-repeat left top; list-style:none; font:18px Georgia, "Times New Roman", Times, serif bold; font-weight:bold; padding:8px 0 0 0; text-align:center;} #content #menu ul#menuPrincipal img { width:33.875em; height:2.4375em;} #content #menu ul#menuPrincipal li{padding:0 10px 0 0; color:white;} #content #menu ul#menuPrincipal li a{ color:white; text-decoration:none; padding:2px;} #content #menu ul#menuPrincipal li a:hover{ color:black; background:white;-moz-border-radius : 5px; border:0;} #content #menu ul#menuPrincipal .active{ color:black; background:white;text-decoration:none; padding:2px;-moz-border-radius : 5px} #content #menu ul#menuPrincipal .active a {color:black; background:white;} #content #menu ul#menuPrincipal .active a:hover{ border:0;} #content #menu ul#menuPrincipal .activeBis{} #content #menu ul#menuPrincipal .activeBis a {color:black; background:transparent;} /*Big bouton RSS*/ #content #menu a.bigRss { width:40px; height:39px; position:absolute; top:0; margin-left:552px;} #content #menu a.bigRss:hover{ border:none; text-decoration:none; } /*Sous menu*/ #content .ssmenu {width:538px; font-size:12px; color:#B91631; background:transparent; border-top:1px solid #B91631; border-left:1px solid #B91631;margin-top:0px; padding:1px 0 0 4px;} #content .select{width:24px; height:12px; display:block;background:url('img/deco_select.png') no-repeat top; margin:-8px 0 0 65px;} #content .ssmenu ul{font-family:Arial, Helvetica, sans-serif;} #content .ssmenu li { font-size:13px; padding:2px 4px 0 0 ; color:#222; background:transparent; } #content .ssmenu li a { color:#222; background:transparent; /*font-weight:bold;*/ } #content .ssmenu li a:hover {color:#630A19; background:transparent;} #content .ssmenu li a:first-letter{text-transform:capitalize;} #mCategories, #mTags{ display:none;} /*Recherche*/ #content #recherche { position:relative;width:310px;margin:45px 0 0 5px; float:left;} #content #recherche label { font:0.9em Georgia, "Times New Roman", Times, serif; font-weight:bold;} #content #recherche input { width:195px;padding:5px 2px;} #content #recherche .bouton { background:transparent url('img/icone_ok.png') no-repeat; width:20px; height:20px;border:0; text-indent:-9999px;} #content #recherche span { display:block;font-size:0.6em; text-align:right; margin-right:28px;} #content #recherche span a { /*text-decoration:underline;*/} /*Drapeaux*/ #content #drapeaux { position:relative; float:right;width:72px;height:10px; text-align:right; margin:-28px 6px 0 0;} #content ul#drapeaux li{ display:inline;} #content ul#drapeaux li a,#content ul#drapeaux li a:hover { border:0;} #content .separation{ width:915px; height:6px; clear:both;background:url('img/deco_separation.png') repeat-x top; margin-bottom:5px;} #content .separation2{ width:915px; height:3px; clear:both;background:url('img/deco_separation.png') repeat-x top; margin-bottom:5px;} /*-------------------------------------------- =========== HOME ============= --------------------------------------------------------------------------------------------------------------------------------------------------- */ #content a { color:#B91631; background:transparent; text-decoration:none;} #content a:hover{ border-bottom:1px dotted #B91631;} #content .tag { position:relative;float:left; text-align:left; display:block; background:url('img/deco_tag.png') no-repeat left; color:white; font-size:9px; padding:0px 6px 0px 12px; border-right:1px solid #ddd; height:12px} #content a.commentaires { background:url('img/deco_commentaires.png') no-repeat right -1px; padding-right:17px;} #content a.commentaires:hover{ border:none;} #content span.plus { color:#B91631; background:transparent;} /*conteneur HAUT (englobe les blocs gauche, centre et droite) */ #content #haut { background:url('img/deco_separation.png') repeat-x left bottom;padding-bottom:10px; margin-bottom:8px;} /*BLOC GAUCHE (3 dernieres news) --------------------------------------------------------------------------------------------------------------------------------------------------- */ #content #haut #gauche {position:relative; float:left;} #content #haut #gauche .news { position:relative;width:340px; margin-bottom:18px;} #content #haut #gauche .news h3 { font-size:1.1em; font-weight:bold; padding:1px;} #content #haut #gauche .news h3 a { color:black; background:transparent;} #content #haut #gauche .news h3 a:hover { color:#B91631; background:transparent; border:none;} #content #haut #gauche .news div { font-size:12px; margin:5px 0; text-align:justify;} #content #haut #gauche .news div a { color:black; background:transparent;} #content #haut #gauche .news div a:hover{ border:none; background:transparent; color:#555;} #content #haut #gauche .news img { display:block; float:left; margin-right:6px; padding:3px;border:1px solid #ddd;} /*Details*/ #content #haut #gauche .details { font-size:10px; padding:3px 2px 3px 0;background:#F0F8FA; border-bottom:1px solid #CFE8ED; border-top:1px solid #CFE8ED; text-align:right; color:#515556;} #content #haut #gauche a.voir { position:relative; right:2px;margin-top:12px; font-size:0.75em; text-decoration:underline; border:none; color:#999; } #content #haut #gauche a.voir:hover{ color:#B91631;background:#FFF1F5;} /*BLOC CENTRE (dernieres news) --------------------------------------------------------------------------------------------------------------------------------------------------- */ #content #haut #centre {position:relative; float:left;width:239px; min-height:446px;margin-left:10px; font-size:10px;} #content #haut #centre .news {background:url('img/home_blocNews_bas.png') no-repeat bottom; padding-bottom:12px;position:relative; /*display:inline-block;*/} #content #haut #centre .news .top{ width:239px; height:9px;background:url('img/home_blocNews_haut.png') no-repeat top; } #content #haut #centre .news .centre { background:url('img/home_blocNews_centre.png') repeat-y;padding:0 8px 0 9px; z-index:45;} #content #haut #centre .news .actu .pair{ background:#F7F9FB; z-index:0; width:225px; } #content #haut #centre .news .actu h4{ font-weight:bold; padding:0 0 6px 5px; zoom:1; } #content #haut #centre .news .actu { position:relative;padding:1px 0; background:url('img/deco_news_bas.png') no-repeat bottom;margin-bottom:5px;} #content #haut #centre .news .actu h4 a{ color:#333; background:transparent; border:0;font-size:11px;} #content #haut #centre .news .actu h4 a:hover { background:transparent; color:#B91631;} #content #haut #centre .news .actu span.date {margin:0 10px 0 25px; color:#0A4E74; background:transparent;} #content #haut #centre .news .actu a.commentaires { position:absolute; right:0px; } #content #haut #centre .news .voirNews { text-align:right;} .introduction{display:none;position:absolute;padding:5px;border:1px solid #000;background:#F7F9FB; z-index:1555;width:300px;-moz-opacity:0.9;filter:alpha(opacity=90);} /*BLOC DROITE (edito + focus) --------------------------------------------------------------------------------------------------------------------------------------------------- */ #content #haut #droite { position:relative; float:left;width:324px; margin-left:6px;} #content #haut #droite h2{width:300px;font:0.9em Georgia, "Times New Roman", Times, serif; font-weight:bold; } #content #haut #droite h3{font-size:0.9em; font-weight:bold; margin:10px 0 8px 0;} #content #haut #droite p {font-size:12px;} #content #haut #droite span.auteur { position:relative; right:12px;margin-top:8px;text-align:right; font-size:0.6em; z-index:555;display:block;} /*Edito*/ #content #haut #droite #edito{width:328px; } #content #haut #droite #edito h2 { border-bottom:1px solid white; } #content #haut #droite #edito h3 { font-size:0.875em; font-weight:bold; margin:10px 0 8px 0;} #content #haut #droite #edito a { color:white; text-decoration:none;} #content #haut #droite #edito a:hover { border:none; color:#ddd;} #content #haut #droite #edito p img{ float:right; padding-left:5px; width:75px; height:75px;} /*Focus*/ #content #haut #droite #focus {width:328px; color:black;} #content #haut #droite #focus h2 { background:transparent; color:#B91631;border-bottom:1px solid #B91631;} #content #haut #droite #focus h3 {color:#262626; } #content #haut #droite #focus a { color:black; text-decoration:none;} #content #haut #droite #focus a:hover { border:none;color:#630A19;} #content #haut #droite #focus p { color:black; background:transparent;font-size:11px;} #content #haut #droite #focus p img{ float:right; padding-left:4px; width:75px; height:75px;} #content #haut #droite #focus span.auteur { color:black; } #content #haut #droite #focus span.all a{ color:#B91631;} /*BLOC CONTENU --------------------------------------------------------------------------------------------------------------------------------------------------- */ #content #contenu { position:relative; float:left;width:580px; margin:4px 0 0 0; } #content #contenu h2 { font:0.9em Georgia, "Times New Roman", Times, serif; font-weight:bold;border-bottom:1px solid #696969; margin-bottom:10px; color:#696969; background:transparent;} #content .liens {position:relative; float:left;width:286px; margin:0;} #content #contenu .liens ul{width:260px; font-size:0.7em; margin:0px 15px 5px 0;} #content #contenu .liens ul li { list-style:none; padding:5px 22px 5px 0; border-bottom:1px solid #ddd; } #content #contenu .liens ul li strong { font-weight:bold; color:black; background:url('img/puce_fleche_rouge.png') no-repeat top left; padding:0 5px 0 14px;} #content #contenu .liens ul li a{ color:#B91631; background:transparent; } #content #contenu span.lecture { display:block;width:264px; font-size:11px; text-align:right;margin:8px 0 15px 0;} #content #contenu span.lecture a.voir { text-decoration:underline;color:#999;} #content #contenu span.lecture a.voir:hover { border:none;background:#FFF1F5;color:#B91631;} /*Player*/ #content #contenu #player{ position:relative; float:left;width:292px;} #content #contenu #player a:hover {border:none;text-decoration:none;} #content #contenu #player h4 { text-align:left; font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; margin:0 0 4px 5px; background:transparent; color:#666;} #content #contenu #player h4 span.allVideos { display:inline; text-align:right; font:10px Arial, Helvetica, sans-serif; margin-left:100px;} #content #contenu #player h5{font-size:12px; color:#555; font-weight:bold;margin-top:4px;} #content #contenu #player h5 a:hover{text-decoration:underline;} /*PARTENAIRES*/ /*FING*/ #content #blocFing { position:relative; float:left; width:290px;z-index:9;} #content #blocFing h3{font:0.9em Georgia, "Times New Roman", Times, serif; font-weight:bold;border-bottom:1px solid #858B5D; color:#444E07;} #content #blocFing ul { font-size:0.7em; padding:8px 0 5px 0; color:black;} #content #blocFing ul li { background:url('img/puce_fleche_rouge.png') no-repeat 1% 20%; padding:5px 8px 6px 15px; border-bottom:1px solid #A6B542; } #content #blocFing ul li.first{ border:none;} #content #blocFing ul li a { color:black;} #content #blocFing span.toutAgenda { display:block; text-align:right;font-size:0.7em;color:#667025;} #content #blocFing span.toutAgenda a {color:#464D09; text-decoration:underline;} #content #blocFing span.toutAgenda a:hover{ color:black;} /*PARTENAIRES*/ #content #blocPartenaires { position:relative; float:left; width:290px;z-index:8;} #content #blocPartenaires h3 {font:0.9em Georgia, "Times New Roman", Times, serif; font-weight:bold;border-bottom:1px solid #60605E; color:#60605E;} #content #blocPartenaires ul { font-size:0.7em; padding:8px 0 8px 0; color:black;} #content #blocPartenaires ul li { background:url('img/puce_fleche_rouge.png') no-repeat 1% 20%; padding:5px 8px 6px 15px; border-bottom:1px solid #ddd; } #content #blocPartenaires ul li.first{ border:none;} #content #blocPartenaires ul li a { color:#B91631;} #content #blocPartenaires ul li strong { color:black; font-weight:normal;} #content #blocPartenaires ul.partenaires { width:265px;} #content #blocPartenaires ul.partenaires li { position:relative; float:left;background:none; border:1px solid #ccc; padding:4px; margin:2px;} #content #blocPartenaires ul.partenaires div.image{ width:38px; height:48px; background:#ddd; margin:0;} #content #blocPartenaires ul.partenaires li img { width:38px; height:38px; border:0; } #content #blocPartenaires ul.partenaires li a,#content #blocPartenaires ul.partenaires li a:hover { border:0;} /*SIDEBAR --------------------------------------------------------------------------------------------------------------------------------------------------- */ /*structure sidebar*/ #content #sidebar { position:relative; width:330px;top:0; float:left;margin:6px 0 0 10px; } #content #sidebar h2.edito span.allEditos a{font-size:0.7em; color:black; background:transparent; padding-left:78px;} /*ACCORDEON Bloc social*/ #accordeon {/*min-height:410px;*/} ul#accordeon {width:313px;margin:0 0 0 12px;font:1em Georgia, "Times New Roman", Times, serif;} ul#accordeon li{list-style:none;} ul#accordeon li h2.titre{ background:#4C96C1 url('img/commentairesBK.png') no-repeat left top; text-decoration:none; width:313px; height:28px;color:white; text-align:right; font-size:1em; cursor:pointer; margin-bottom:2px;} ul#accordeon li h2.selected { background:#4C96C1 url('img/commentairesBK_on.png') no-repeat left top;text-decoration:none; width:313px; height:28px;color:white; text-align:right; font-size:1em; cursor:pointer; margin-bottom:2px;} ul#accordeon li .selected span{ color:white;} ul#accordeon li h2.titre span { padding:4px 8px 0 0; display:block;} ul#accordeon li ul { width:307px; margin:0 3px 0 3px; } ul#accordeon li ul li{ padding:6px 12px 6px 20px; border-bottom:1px solid #b6d8eb; background:#F7F9FB url('img/deco_commentaires.png') no-repeat 1% 25%; font:0.7em Arial, Helvetica, sans-serif; } ul#accordeon li ul.articles li {background:#F7F9FB url('img/deco_articles.png') no-repeat 2% 26%;padding:6px 12px 6px 20px;} ul#accordeon li div.trackbacks li {background:url('img/puce_fleche_rouge.png') no-repeat 1% 20%; padding:5px 8px 6px 15px;} ul#accordeon li div.trackbacks li a{ color:black; background:transparent;} ul#accordeon li div.trackbacks li a strong { color:#B91631; background:transparent;} ul#accordeon li ul li.last { border:none;} /*Newsletter*/ #content #sidebar #newsletter {position:relative; width:313px; left:12px; margin-top:25px; padding:0 0 6px 0;} #content #sidebar #newsletter h2{font:0.75em Georgia, "Times New Roman", Times, serif; font-weight:bold;border-bottom:1px solid #696969; margin-bottom:10px; color:#696969; background:transparent; font-variant:small-caps;} #content #sidebar #newsletter img { float:left; padding-right:6px;} #content #sidebar #newsletter p { font-size:0.75em; color:#555;} #content #sidebar #newsletter p a {color:#555; border-bottom:1px dotted;} #content #sidebar #newsletter input { width:280px; font-size:0.9em; color:#999; padding:5px 2px; margin:3px 0 0 0;} #content #sidebar #newsletter .btn { background:transparent url('img/btn_ok.png') no-repeat 0 2px; width:19px; height:25px;border:0; text-indent:-9998px; cursor:default;} #content #sidebar #newsletter label { display:inline; font-size:0.7em;} #content #sidebar #newsletter label input{ width:20px; border:none;} /*Boutique*/ #content #sidebar #boutique {position:relative;width:315px; margin:2px 0 10px 10px;font-size:0.7em;z-index:6; } #content #sidebar #boutique h2 {font:1em Georgia, "Times New Roman", Times, serif; font-weight:bold;background:transparent; color:#B91631;border-bottom:1px solid #B91631; margin:0 0 8px 0;} #content #sidebar #boutique dl { position:relative; float:left; width:140px; margin:8px 3px 0 0;color:black;} #content #sidebar #boutique dl dt { position:relative;float:left;} #content #sidebar #boutique dd h4{ font-weight:bold; max-width:138px;} #content #sidebar #boutique dl dt img { margin-right:3px; width:42px; height:60px;} #content #sidebar #boutique dl a img{border:1px solid #000;} #content #sidebar #boutique dl a:hover img{border:1px solid #B91631 !important; text-align:none;} #content #sidebar #boutique span.all { top:16px; right:14px;font-size:0.8em; } #content #sidebar #boutique span.all a:hover { border:none;} /*SIDEBAR PAGE*/ /*dernieres news + edito*/ #content #sidebar .blocGris{ position:relative; width:318px; margin:0px 0 10px 10px;} #content #sidebar .blocGris h2{ font:0.9em Georgia, "Times New Roman", Times, serif; font-weight:bold;color:#B91631; border-bottom:1px solid #B91631;} #content #sidebar .blocGris h2.edito{ color:black; border-bottom:1px solid #000;} #content #sidebar .blocGris ul { padding:8px 0 4px 0;color:black; font-size:0.7em;} #content #sidebar .blocGris ul li { padding-bottom:4px; line-height:17px;} #content #sidebar .blocGris ul li strong { padding-right:6px; font-weight:normal; } #content #sidebar .blocGris ul li a { background:#E7E7E5; padding:1px; } #content #sidebar .blocGris ul li a:hover{ color:white; background:#B91631;} #content #sidebar .blocGris ul li a:hover span{ color:white;} /*revue de web*/ #content #sidebar #revueWeb{ margin-top:10px;} #content #sidebar #revueWeb h2 { color:#444; border-bottom-color:#AAA8A9;} #content #sidebar #revueWeb ul li { list-style:none; padding:5px 22px 5px 0; border-bottom:1px solid #ddd; } #content #sidebar #revueWeb ul li strong { font-weight:bold; color:#333; background:url('img/puce_fleche_rouge.png') no-repeat top left; padding:0 5px 0 14px;} #content #sidebar #revueWeb ul li a{ color:#B91631; background:transparent;} #content #sidebar #revueWeb #player h3 { color:#444; border-bottom-color:#AAA8A9;margin-top:5px;font-weight:bold;font-size:13px;} #content #sidebar #revueWeb #player img{padding:3px; border:1px solid #ddd;margin:3px;} #content #sidebar #revueWeb #player img:hover{border:1px solid #B91631;} #content #sidebar #revueWeb #player a:hover{border:none;} /*tagcloud*/ #content #sidebar #tagcloud {position:relative; width:318px; margin:30px 0 10px 10px;} #content #sidebar #tagcloud h2 {font:0.75em Georgia, "Times New Roman", Times, serif; font-weight:bold;border-bottom:1px solid #696969; margin-bottom:10px; color:#696969; background:transparent; font-variant:small-caps;} #content #sidebar #tagcloud ul { text-align:justify; font-size:1.1em;} #content #sidebar #tagcloud ul li{ display:inline; } #content #sidebar #tagcloud ul li a { color:black; background:transparent; padding:2px} #content #sidebar #tagcloud ul li a:hover{ color:white; background:#AD0000; border:0;} .t1 { font-size:75%} .t2 { font-size:85%} .t3 { font-size:90%} .t4 { font-size:95%} .t5 { font-size:100%} .t6 { font-size:105%} .t7 { font-size:110%} .t8 { font-size:115%} .t9 { font-size:120%} .t10 { font-size:125%} .t11{font-size:125%} /*PAGE --------------------------------------------------------------------------------------------------------------------------------------------------- */ #page {position:relative; float:left; width:580px; min-height:150px; padding-bottom:28px;} #page hr { background:url('img/hr.gif') no-repeat center bottom;margin: 22px auto;height: 1px;border: 0 none;} #page .erreurTitre{ color:red; background:transparent;} #page .erreur { padding:5px; margin:15px 0 0 0;color:#222;background:#FCF6F6; } #page h2 { font-size:1.5em; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; padding-top:4px;} #page h2 a { color:black; background:white; border:none;padding:1px 4px 1px 0; } #page h2 a:hover { color:white; background:black; border:none;} #page h2 small.detail { display:inline; color:#555;} #page ul { font-size:0.8em; margin:14px 0; padding-left:12px;color:#444;} #page ul li {background:url('img/puce_fleche_grise.png') no-repeat left 5px; padding:0px 0 0 18px; margin:5px 0; line-height:18px;} #page ul li p { font-size:100% !important;} #page a.tag2 { position:relative;float:left; text-align:left; display:block; background:url('img/deco_tag2.gif') no-repeat left; color:#B91631; font-size:10px; padding:1px 6px 0px 12px; border-right:1px solid #ddd; height:16px; border-bottom:none;} #page a.tag2:hover { border:none; background:url('img/deco_tag2.gif') no-repeat left;border-right:1px solid #ddd; color:#630A19;} #page div.tags{ margin:3px 0 6px 0; } #page div.infoPost { width:70%;font-size:11px; color:#7c7a7a; background:transparent; padding:3px 0; margin:4px 0 15px 0; border-top:1px solid #eee;border-bottom:1px solid #eee; } #page p { font-size:10pt; margin:6px 0 17px 0; color:#333; background:white; /*text-align:justify;*/ line-height:1.5em;} #page p a{ background:transparent; /*border-bottom:1px dotted #B91631;*/ color:#B91631;} #page p a:hover {border-bottom:1px solid #B91631; background:#FFECF1;} #page p img { /*border:2px solid black;*/ display:block; /*margin:auto;*/} #page p img.imageRight{ float:right; margin-left:11px;} #page p img.imageLeft{ float:left; margin-right:11px;} #page p.desc { color:#999; margin-bottom:15px;} #page p em { font-style:italic;} #page p.editer { font-size:14px; text-align:right; background:url('img/icone_editer.png') no-repeat right; padding-right:20px;} #page center a:hover{ border:none; margin:0; padding:0;} #page h3 { padding-top:20px;} #page h3{ font-weight:bold; color:#bb2f46; margin:0px 0 0px 0; display:block;} #page h4{ font-weight:bold; color:#bb2f46; margin:0px 0 0px 0; display:block;font-size:0.8em;} #page strong{ font-weight:bold; color:#000; margin:0px 0 0px 0; display:inline;} #page blockquote {font-size:10pt;background:#F7F7F7 url('img/deco_quoteOpen.png') no-repeat 5px 3px;margin:0.8em 10px; border:1px solid #D9D9D9; padding:15px 5px; text-align:left;} #page blockquote p { font-style:normal; color:#6F6F6F;background:#F7F7F7 /*url('img/deco_quoteClose.png') no-repeat bottom right*/; padding:0 32px 0 15px; } #page blockquote p strong { display:inline;} #page blockquote ul { text-align:left;} #page blockquote ul li { list-style:inside; background:none;color:#6F6F6F;} #page h4 { font-weight:bold; color:#000; font-size:0.8em; margin:14px 0 0 0; padding:0;} #page .mmsujets{background:#F3F8FC;padding:6px;margin:0 0 8px 0;border:1px dashed #C2DDF1;} #page .mmsujets h4{font-weight:bold; color:#167EB8; font-size:0.8em; margin:14px 0 0 0; padding:0;} #page ul.st-related-posts{ font-size:0.8em; } #page ul.st-related-posts a {color:#333; background:transparent; } #page ul.st-related-posts a:hover{ color:#000; background:#F4E5E5;} #page ul.st-related-posts li {background:url('img/puce_bleue.png') no-repeat; padding:0px 0 0 18px; margin:2px 0; color:#666;} #page .st-tag-cloud{margin:25px 0 0 0;padding:0; text-align:justify;width:550px; line-height:2em;font-size:130%} #page .st-tag-cloud li{display:inline; background:none; list-style:none;} #page .st-tag-cloud li a{padding:2px;} #page .st-tag-cloud li a:hover{background:#B91631;color:white !important;} #page .s-delicious h3{ font-size:88%; padding-top:8px;} #page .s-delicious h3 a{color:#000;background:#F7E6E9;padding:2px;border-bottom:1px solid #EEC7CE;} #page .s-delicious h3 a:hover{background:#B91631;color:white; border:0;} #page .b-deli{ border-bottom:1px solid #ddd;} /*vote*/ #page #vote { margin:10px 0 8px 0; width:581px;height:40px; background:url('img/deco_bk_social.png') no-repeat; position:relative; } #page #vote .post-ratings { position:relative; top:12px; left:140px;filter: alpha(opacity=100);-moz-opacity: 1;opacity: 1;} #page #vote .post-ratings em { position:absolute; left:80px; top:-7px;display:block; font-size:0.6em;color:#167DB8; background:transparent;} #page #vote .post-ratings em.bebeMarge{ margin-top:6px;} #page #vote .post-ratings em strong { margin:0; padding:0; display:inline;color:#167DB8; background:transparent;} #page #vote .post-ratings-loading {position:relative; top:-32px;display: none;height: 16px; text-align: left; font-size:0.7em; color:#167DB8; background:transparent;} #page #vote .post-ratings-image { border: 0px; } /*shareThis*/ #page #vote a.akst_share_link{ background:url('img/icone_sharethis.png') no-repeat left; position:absolute; right:8px; width:108px; height:24px; top:7px; padding:0} #page #vote a.akst_share_link:hover{ border:0;} #page #vote #akst_form{ right:6px; top:35px;} #page #vote .akst_close { font-size:11px;} #page #vote #akst_email ul li { background-image:none;} #page #vote #sharethis_0{position:absolute; right:0px; width:108px; height:24px; top:10px; padding:0} #page #vote #sharethis_0 a{color:#167EB8;font-size:12px;} /*trackbacks / commentaires*/ #page #trackbacks h3, #page #commentaires h3, #page #reagissez h3{ color:#197DBB; background:transparent; margin:25px 0 20px 0; border-bottom:1px solid #90C1DF; font:0.9em Georgia, "Times New Roman", Times, serif; font-weight:bold; text-transform:uppercase;} #page #commentaires, #page #trackbacks, #page #reagissez{ width:575px} #page #commentaires p, #page #trackbacks p{ padding:4px;} #page #commentaires .content p a { color:white; background:transparent;} #page #commentaires p strong, #page #trackbacks p strong { margin:0; padding:0; color:#666;} #page #commentaires p.infoCom { color:#444; background:transparent; margin:0 0 25px 0; padding:0;} #page #commentaires p.infoCom strong{ display:inline; font-weight:normal;} #page #commentaires .filRSSCom { text-align:right; font-size:80%; margin:10px 0 0 0;} #page #commentaires .filRSSCom a { border-bottom:1px dotted;background:url('img/icone_rss2.png') no-repeat left; padding:0 0 0 18px;} #page #commentaires .filRSSCom a:hover { color:#920000;} #page #commentaires .avatar{float:left; display:block; margin-right:12px; margin-top:2px; border:1px solid #ddd;padding:3px} #page #commentaires .pinglist{list-style-position:inside;list-style-type:decimal;} #page #commentaires ol{color:black; list-style:none;} #page #commentaires ol li{font-size:10pt;} #page #commentaires ol li ul li{background:none;border-bottom:none !important; padding-bottom:8px !important;} #page #commentaires ol li ul {background:url('img/deco-thread.png') no-repeat left top;} #page #commentaires .commentlist li{position:relative;margin:0 0 10px 0;padding-bottom:12px;} #page #commentaires .commentlist li p{margin:0;padding:4px 0 5px 0;} #page #commentaires .commentlist cite{font-style:normal;} #page #commentaires .commentlist cite,#page #commentaires .commentlist cite a {color:#197DBB} #page #commentaires .comment_text{margin-left:70px;} #page #commentaires .action{position:absolute; right:2px;top:13px;font-size:10px;color:#ccc;} #page #commentaires .action a{color:#ccc;} #page #commentaires .cmtnbr{color:#999;} #page #commentaires .cancel-comment-reply small{text-align:right;display:block;margin-bottom:5px;} #page #commentaires .comment-author{ font-size:12px;color:#999;} #page #commentaires .comment-meta{ font-size:10px; color:#999;} #page #commentaires .boxCom2{padding:8px;border:1px solid #FDD3E8;} #page #commentaires .boxCom2,#page #commentaires .boxCom2 p{background:#FEF4F9 !important;} #page #commentaires .boxCom{padding:8px;border:1px solid #EBF2FE;} #page #commentaires .boxCom,#page #commentaires .boxCom p{background:#FEFEFE !important;} /*forms*/ #page #reagissez form { font-size:0.9em; margin:25px 0 0 0;} #page #reagissez form input { display:block; float:left;clear:left; width:280px;padding:5px 2px;margin:0 0 8px 0;} #page #reagissez form label { float:left;display:inline;margin:0 1em 0.7em 0.5em; font-size:0.75em; padding-top:6px; color:#777; background:transparent;} #page #reagissez form textarea { width:450px;font:0.9em Arial, Helvetica, sans-serif;padding:5px 2px; background:#F6F6F6; border:1px solid #999;} #page #reagissez form input[type="hidden"] { display:none;} #page #reagissez form p.log{ padding:5px; background:#F8E9EB; color:#333; border-bottom:1px solid #E7AFB8;border-top:1px solid #E7AFB8;} #page #reagissez #commentform { width:455px; margin-bottom:0;} #page #reagissez form .submit { width:180px;cursor:pointer; float:right; background:black; color:white; margin-top:4px; } #page #reagissez form .subscribe-to-comments { position:relative; top:0px;} #page #reagissez form .subscribe-to-comments label { padding:0 0 0 5px; margin:0;} #page #reagissez form .solo-subscribe-to-comments { margin:0; padding:0; margin-top:-15px;} #page #reagissez form .solo-subscribe-to-comments input { width:200px; } #page #reagissez form .solo-subscribe-to-comments label {float:left;} #page #reagissez form .solo-subscribe-to-comments input[type="submit"] { position:relative; top:-40px; left:215px;width:80px; color:white; background:black;cursor:pointer; font-size:90%;} #page form.formRSS { margin:0; padding:0; position:static; width:650px;} #page form.formRSS input.ok{ margin:5px 0 0 0; padding:0; display:block; position:static !important;} /*tools*/ #page ul#postTools{ color:#BB142E; font-size:0.7em; text-align:right; margin:45px 0 0 0;padding:0 4px 0 0;} #page ul#postTools li {display:inline; background:none; margin:0; padding:0;} #page ul#postTools li a { background:transparent; color:#555; } #page ul#postTools li a:hover { background:transparent; color:#940707; border:none;} #page ul#postTools li a.permalien{ background:url('img/icone_permalien.png') no-repeat; padding:0 0 0 18px;} #page ul#postTools li a.com{ background:url('img/deco_commentaires.png') no-repeat; padding:0 0 0 18px;} #page ul#postTools li a.trackback{ background:url('img/icone_trackback.png') no-repeat; padding:0 0 0 18px; height:18px;} #page ul#postTools li a.print{ background:url('img/icone_print.png') no-repeat; padding:0 0 0 18px;} #page #precedentSuivant { background:#F3F4F6; padding:0.6em; font:0.8em Georgia, "Times New Roman", Times, serif; border-top:1px solid #D0D1D3;border-bottom:1px solid #D0D1D3;} #page #precedentSuivant big { display:block;} #page #precedentSuivant a { border-bottom:1px dotted #BB142E; color:#888; background:transparent; border:none; font-weight:bold;} #page #precedentSuivant a:hover { color:#920000; background:transparent;} #page #precedentSuivant .precedents { float:left;} #page #precedentSuivant .suivants { float:right;} /*Resultats recherche*/ #page.rrecherche h2 { background:transparent; color:#222;} #page.rrecherche h2 strong{ background:transparent; color:#B91631; margin:0; padding:0; display:inline;} #page.rrecherche small{ display:block;color:#ccc; font-size:0.65em; text-transform:lowercase; font-weight:bold; margin-top:15px;} #page.rrecherche h3 { display:block; margin:0; padding:0;} #page.rrecherche h3 a { background:transparent; color:#555; border-bottom:1px dotted;} #page.rrecherche h3 a:hover { background:#FFF1F5; color:#9F122A;} #page.rrecherche span.info { display:block; font-size:0.7em;} #page.rrecherche p{ padding:0; margin:0; } #page.rrecherche p img {display:block; float:left; margin-right:6px;border:1px solid black;} #page.rrecherche .inforecherche { padding:10px; background:#F1F1F1; color:#777;border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;} #page.rrecherche .inforecherche strong { display:inline; font-weight:bold; color:black; background:transparent;} #page.rrecherche .inforecherche p{ background:inherit; margin:0; color:#999; } #page.rrecherche .inforecherche p a{ background:inherit;color:#999;} /*pagination*/ #page .wp-pagenavi { padding:8px; margin:22px 0 25px 0; text-align:center; font-size:85%;} #page .wp-pagenavi a,.wp-pagenavi span { padding:2px 5px 2px 5px; margin:2px; border:1px solid #ccc; text-decoration:none; color:#B91631;} #page .wp-pagenavi a:hover, .wp-pagenavi span a:hover{ border:1px solid #880F24; background-color:#FECAD3;} #page .wp-pagenavi span.current { border:1px solid #880F24; font-weight:bold; background-color:#B91631; color:#fff; display:inline;} #page .wp-pagenavi span.disabled { display:none;} #page .wp-pagenavi .pages, #page .wp-pagenavi .extend { border:1px solid #888; color:#999;} /*listes d'articles*/ #page.listing {} #page.listing small{ display:block;color:#ccc; font-size:0.65em; text-transform:lowercase; font-weight:bold; margin-top:15px;} #page.listing h2 strong { display:inline;} #page.listing h3 { display:block; margin:0; padding:0;} #page.listing h3 a { background:transparent; color:#333; } #page.listing h3 a:hover { background:#FFF1F5; color:#9F122A;} #page.listing h3.last { margin:18px 0 0 0;color:#197DBB; background:transparent; border-bottom:1px solid #90C1DF; font:0.8em Georgia, "Times New Roman", Times, serif; font-weight:bold; } #page.listing span.info { display:block; font-size:0.7em;} #page.listing p{ padding:0; margin:0; } #page.listing img { display:block; float:right; margin-left:12px;border:1px solid #ddd; width:75px; height:75px;padding:3px;} #page.listing .derniersArticles { float:left; width:270px; } #page.listing .derniersArticles p { } #page.listing .derniersArticles h3 a { border:none;} #page.listing .derniersArticles.mDroite {margin-right:28px;} #page.listing .marge15 { margin-bottom:35px;} #page.listing .bio{ background:transparent; color:#555;} #page .more-link{ display:inline; font-size:0.85em;} #page .more-link a{ border:none; color:#B91631;} #page .more-link a:hover{ border:none; color:#B91631; text-decoration:none;} #page .feed {text-align:right; font-size:90%; margin:8px 0 0 0;} #page a.feed { border-bottom:1px dotted;background:url('img/icone_rss2.png') no-repeat left; padding:0 0 0 18px;} #page.listing .liste {border-bottom:2px solid #eee;padding:0 0 12px 0;} /*page rss*/ #page.pPage h3 { margin:0; padding:0;} #page.pPage li a:first-child{ color:black;} #page.pPage p strong { color:black; background:transparent;} #page.pPage li form input { float:none;} #page.pPage li form input[type="submit"] { position:relative; top:-33px; left:295px;width:80px; color:white; background:black;cursor:pointer; font-size:90%; height:25px;} /*page newsletter*/ #page #pageNewsletter strong { display:inline;} #page #pageNewsletter label{ font-size:0.8em;} #page #pageNewsletter fieldset{ margin-bottom:18px;} #page #pageNewsletter .marge{ margin-top:18px;} #page #pageNewsletter input {font:1em Arial, Helvetica, sans-serif; padding:2px;} /*Agenda*/ #page .gCal {position:relative;margin-bottom:12px; border-bottom:1px solid #ddd;} #page .gCal p{margin-left:68px;} #page .gCal .date_evt{float:left; width:65px; height:69px; background:transparent url('img/bk-agenda.png') no-repeat top; color:white; margin-right:8px;font-family:Georgia,"Times New Roman",Times,serif} #page .gCal .date_evt span a{border:none !important;color:white !important;} #page .gCal .date_evt span{display:block; text-align:center;} #page .gCal .date_evt .day{font-size:26px;font-weight:bold;line-height:30px;} #page .gCal .date_evt .month{font-weight:bold;} #page .gCal .date_evt .year{font-size:12px;} #page .gCal ul{ display:inline !important;padding:0;margin:0;list-style-type:none;float:right} #page .gCal li{ display:inline !important;padding:0;margin:0;float:left;background:none;} #page .gCal .btngcal{background:url('img/btn-gcal.png') no-repeat top; width:40px;height:14px;display:block} #page .gCal .btngmap{background:url('img/btn-gmap.png') no-repeat top; width:40px;height:14px;display:block;padding-right:4px;} #page .gCal .where{ font-size:12px;font-weight:bold;display:block;} #page .gCal .where a{color:black;} /*Contributeurs*/ #page .author{margin-top:15px;clear:both;border-bottom:1px solid #ddd; padding-bottom:8px;} #page .author .contrib{font-size:12px; float:right;display:block;background:black;padding:4px;margin-left:12px;} #page .author .contrib a {color:white;} /*FORM contact*/ #page #cformsform form{ width:550px; margin-left:0;} #page #cformsform legend { display:none;} #page .cform { margin:0;} /*page archives*/ #page #af-ela { margin:25px 0 0 0;} #page #af-ela #af-ela-loading { font-size:0.7em; background:#F7E6E9; color:black; } #page #af-ela ul { margin:0; padding:0;font-size:0.8em; font-weight:normal;} #page #af-ela ul li{ background-image:none;} #page #af-ela #af-ela-menu {font-size:1em; font-weight:bold; padding:4px 4px 0 4px;} #page #af-ela #af-ela-post-prev-off { display:none;} #page #af-ela #af-ela-post-chrono li{ list-style-type:square; list-style-position:inside;} #page #af-ela .selected { background:#F6E4E7;} #page ul#af-ela-year li.selected{ background:#F6E4E7;} /*NOtes*/ #note {clear: both;font-size: 10px; float: right;width: 200px;border: 1px solid #DF7D8F;margin: 0px 10px 0px 10px; padding: 0;background-color: #FFEFF2;text-align: justify;vertical-align: top;} #note hr {height: 1px;border: 1px solid #AAAAAA;width: 100%;} #note .title {text-align: left;font-weight: bold;background-color: #EFC2CA;border-bottom: 1px solid #DF7D8F; padding:4px 0;} #note #text {padding: 4px;} /*FOOTER --------------------------------------------------------------------------------------------------------------------------------------------------- */ #footer{ clear:both;width:100%; background:#000 url('img/footerBK.png') repeat-x top; color:#bbb; padding-bottom:6px;} #footer .contenu {width:920px;text-align:center;margin:0 auto; padding:18px 0 0 0; font-size:0.8em;} #footer .contenu a { color:#bbb;} #footer .contenu ul li{ display:inline;} #footer .contenu ul li a:hover{ text-decoration:none; color:#fff;} #footer .contenu dl { padding:10px 0 4px 0; font-size:82%;} #footer .contenu dl dd,#footer .contenu dl dt{display:inline;} #footer .contenu a.rss { background:url('img/icone_rss.png') no-repeat right; padding:0 18px 0 0;} #footer .contenu .top { display:block;font-size:0.6em; padding-top:11px;} #footer .contenu .feedburner { padding:4px 4px 0 0; vertical-align:bottom; opacity : 0.6; filter : alpha(opacity=6); } #footer .contenu .info{margin-top:8px;} /*BLACKOUT*/ #recherche #blackout{ position:absolute; top:-35px;left:82px;} /*Fichier jtype.css */ /* ---------->>> jtip <<<---------------------------------------------------------------*/ #JT_arrow_left{background-image: url(images/arrow_left.gif);background-repeat: no-repeat;background-position: left top;position: absolute;z-index:101;left:-12px;height:23px;width:10px;top:-3px;} #JT_arrow_right{ background-image: url(images/arrow_right.gif);background-repeat: no-repeat;background-position: left top; position: absolute; z-index:101;height:23px;width:11px; top:-2px;} #JT {position: absolute;z-index:100;border: 2px solid #CCCCCC;background-color: #fff;} #JT_copy{padding:10px 10px 10px 10px;color:#333333;} .JT_loader{ background-image: url(images/loader.gif); background-repeat: no-repeat; background-position: center center; width:100%; height:12px;} #JT_close_left{background-color: #CCCCCC;text-align: left;padding-left: 8px;padding-bottom: 5px;padding-top: 2px;font-weight:bold;} #JT_close_right{background-color: #CCCCCC;text-align: left;padding-left: 8px; padding-bottom: 5px; padding-top: 2px;font-weight:bold;} #JT_copy p{margin:3px 0;} #JT_copy img{padding: 1px;border: 1px solid #CCCCCC;} .jTip{cursor:help;} /*Fichier box.css */ /* Structures BOX */ /*modele box*/ .box { position:relative; margin:0px auto; min-width:8em; /*max-width:313px;*/ /* pour mod drip (todo) */ color:#fff; z-index:1; margin-left:12px; /* coin gauche */ margin-bottom:0.2em; /* marge basse sous box */} /* EDITO ===========================================================================================*/ #edito .box .content,#edito .box .t, #edito .box .b,#edito .box .b div { background:#000 url('img/box_edito3.png') no-repeat top right;} /*contenu*/ #edito .box .content { position:relative; padding:14px 15px 0px 0px;zoom:1;} /*top*/ #edito .box .t { position:absolute; left:0px; top:0px; width:12px; margin-left:-12px; height:100%; background-position:top left;} /* bas */ #edito .box .b { position:relative; width:100%;} #edito .box .b, .box .b div {height:30px; font-size:1px;} #edito .box .b { background-position:bottom right;} #edito .box .b div { position:relative; width:12px; margin-left:-12px; background-position:bottom left;} #edito .box .hd, .box .bd, .box .ft { position:relative;} /* FOCUS ===========================================================================================*/ #focus .box .content,#focus .box .t, #focus .box .b,#focus .box .b div { background:transparent url('img/box_gris.png') no-repeat top right;} /*contenu*/ #focus .box .content { position:relative; padding:14px 15px 0px 0px; zoom:1;} /*top*/ #focus .box .t { position:absolute; left:0px; top:0px; width:12px; margin-left:-12px; height:100%; background-position:top left;} /* bas */ #focus .box .b { position:relative; width:100%;} #focus .box .b, .box .b div {height:30px; font-size:1px;} #focus .box .b { background-position:bottom right;} #focus .box .b div { position:relative; width:12px; margin-left:-12px; background-position:bottom left;} #focus .box .hd, .box .bd, .box .ft { position:relative;} /* FING ===========================================================================================*/ #blocFing .box .content,#blocFing .box .t, #blocFing .box .b,#blocFing .box .b div { background:transparent url('img/box_fing.png') no-repeat top right;} /*contenu*/ #blocFing .box .content { position:relative; padding:14px 15px 0px 0px;zoom:1;} /*top*/ #blocFing .box .t { position:absolute; left:0px; top:0px; width:12px; margin-left:-12px; height:100%;background-position:top left;} /* bas */ #blocFing .box .b { position:relative; width:100%;} #blocFing .box .b, .box .b div {height:30px; font-size:1px;} #blocFing .box .b { background-position:bottom right;} #blocFing .box .b div { position:relative; width:12px; margin-left:-12px; background-position:bottom left;} #blocFing .box .hd, .box .bd, .box .ft { position:relative;} /* PARTENAIRES ===========================================================================================*/ #blocPartenaires .box .content,#blocPartenaires .box .t, #blocPartenaires .box .b,#blocPartenaires .box .b div { background:transparent url('img/box_gris.png') no-repeat top right;} /*contenu*/ #blocPartenaires .box .content { position:relative; padding:14px 15px 0px 0px;zoom:1;} /*top*/ #blocPartenaires .box .t { position:absolute; left:0px; top:0px; width:12px; margin-left:-12px; height:100%;background-position:top left;} /* bas */ #blocPartenaires .box .b { position:relative; width:100%;} #blocPartenaires .box .b, .box .b div {height:30px; font-size:1px;} #blocPartenaires .box .b { background-position:bottom right;} #blocPartenaires .box .b div { position:relative; width:12px; margin-left:-12px; background-position:bottom left;} #blocPartenaires .box .hd, .box .bd, .box .ft { position:relative;} /* BOUTIQUES ===========================================================================================*/ #boutique .box .content,#boutique .box .t, #boutique .box .b,#boutique .box .b div { background:transparent url('img/box_boutique.png') no-repeat top right;} /*contenu*/ #boutique .box .content { position:relative; padding:14px 15px 0px 0px;zoom:1;} /*top*/ #boutique .box .t { position:absolute; left:0px; top:0px; width:12px; margin-left:-12px; height:100%; background-position:top left;} /* bas */ #boutique .box .b { position:relative; width:100%;} #boutique .box .b, .box .b div {height:30px; font-size:1px;} #boutique .box .b { background-position:bottom right;} #boutique .box .b div { position:relative; width:12px; margin-left:-12px; background-position:bottom left;} #boutique .box .hd, .box .bd, .box .ft { position:relative;} /* DERNIERS ===========================================================================================*/ .blocGris .box .content,.blocGris .box .t, .blocGris .box .b, .blocGris .box .b div { background:transparent url('img/box_gris.png') no-repeat top right;} /*contenu*/ .blocGris .box .content { position:relative;padding:14px 15px 0px 0px;zoom:1;} /*top*/ .blocGris .box .t { position:absolute; left:0px; top:0px; width:12px; margin-left:-12px; height:100%; background-position:top left;} /* bas */ .blocGris .box .b { position:relative; width:100%;} .blocGris .box .b, #lastItems .box .b div {height:30px; font-size:1px;} .blocGris .box .b { background-position:bottom right;} .blocGris .box .b div { position:relative; width:12px; margin-left:-12px; background-position:bottom left;} .blocGris .box .hd, .blocGris .box .bd, .blocGris .box .ft { position:relative;} /* COMMENTAIRES POST ===========================================================================================*/ #commentaires .box{ margin-top:18px;} #commentaires .box .content,#commentaires .box .t, #commentaires .box .b, #commentaires .box .b div { background:transparent url('img/box_com.png') no-repeat top right;} /*contenu*/ #commentaires .box .content { position:relative; padding:14px 15px 0px 0px;zoom:1;} /*top*/ #commentaires .box .t { position:absolute; left:0px; top:0px; width:12px; margin-left:-12px; height:100%;background-position:top left;} /* bas */ #commentaires .box .b { position:relative; width:100%;} #commentaires .box .b, #lastItems .box .b div {height:30px; font-size:1px;} #commentaires .box .b { background-position:bottom right;} #commentaires .box .b div { position:relative; width:12px; margin-left:-12px; background-position:bottom left;} #commentaires .box .hd, #commentaires .box .bd, #commentaires .box .ft { position:relative;} /* TRACKBACKS ===========================================================================================*/ #trackbacks .box{ margin-top:18px; } #trackbacks .box .content,#trackbacks .box .t, #trackbacks .box .b, #trackbacks .box .b div { background:transparent url('img/box_trackbacks.png') no-repeat top right;} /*contenu*/ #trackbacks .box .content { position:relative; padding:14px 15px 0px 0px;zoom:1;} /*top*/ #trackbacks .box .t { position:absolute; left:0px; top:0px; width:12px; margin-left:-12px; height:100%; background-position:top left;} /* bas */ #trackbacks .box .b { position:relative; width:100%;} #trackbacks .box .b, #lastItems .box .b div {height:30px; font-size:1px;} #trackbacks .box .b { background-position:bottom right;} #trackbacks .box .b div { position:relative; width:12px; margin-left:-12px; background-position:bottom left;} #trackbacks .box .hd, #trackbacks .box .bd, #trackbacks .box .ft { position:relative;}