a.rollover {
display: block;
width: [i]width/2[/i]px;
height: [i]height/2[/i]px;
text-decoration: none;
background: url("[url=http://www.servimg.com/image_preview.php?i=1&u=16181912][img]http://i78.servimg.com/u/f78/16/18/19/12/39389910.jpg[/img][/url]");
}
a.rollover:hover {
background-position: -150px 0;
}
.displace {
position: absolute;
[i]Wherever you want the image[/i]
}
a.forumlink:hover{
font-variant: small-caps;
letter-spacing: 6px;
}
.forumlink{
font-weight: bold;
font-variant: small-caps;
}
.statistiques{
border:0px;
background-repeat: no-repeat;
background-position: center;
height:270px;}
.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}
.descri {
background: color : pink;
border: #9C5B5B 5px solid;
-moz-border-radius: 5px 5px 5px 5px;
}
.fondavatar {
background-color : pink ;
border : 5px solid #ffffff ;
-moz-border-radius: 5px 5px 5px 5px }
/* Menu navigation */
a.mainmenu {
padding-right: 5px;
background-color: pink;
color: brown;
font-size:12px;
font-variant: small-caps;
text-align: center;
border: 3px solid #FFFFFF;}
/* Menu navigation au survol de la souris */
a.mainmenu:hover {
padding-right:10px;
background-color: pink;
color: brown;
font-size:12px;
font-variant: small-caps;
text-align: center;
border: 3px solid #FFFFFF; }
.forumline{
background-color: #pink;
-moz-border-radius: 14px 14px 14px 14px ;
border-bottom: 10px pink solid;
border-top: 10px pink solid;
border-right: 10px pink solid;
border-left: 10px pink solid;}
a.forumlink {
text-align: center;
text-decoration: none;
background-color: #7D3138;
border-bottom: 2px double pink;
border-top: 2px double pink;
-moz-border-radius: 10px ;
border-right: 5px solid pink;
-moz-border-radius: 10px ;
border-left: 5px solid pink;
display:block;
}
a.forumlink:hover {
text-align: center;
text-decoration: none;
background-color: pink;
border-bottom:2px double #7D3138;
border-top: 2px double #7D3138;
-moz-border-radius: 10px ;
border-right: 5px solid #7D3138;
-moz-border-radius: 10px ;
border-left: 5px solid #7D3138;
display:block;
}
.paonglet
{
display:inline-block;
margin-left:20px;
margin-right:20px;
padding:10px;
cursor:pointer;
background-color: #8A8A8A;
color: #fff;
}
.paonglet_0
{
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
}
.paonglet_1
{
color: #9F0000;
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
}
.contenu_paonglet
{
margin-top:-1px;
padding: 2px;
display:none;
height: 320px;
}
.floatleft{
float: left;
padding: 1%;
margin-right: 2px;
margin-top: 2px;
}
.floatright{
float: right;
padding: 2%;
margin-left: 2px;
margin-top: 2px;
}
* {
font-family: Tahoma, Verdana, Arial, serif, Georgia, Courier New;
}
a.info {
position: relative;
color: #576186;
text-decoration: none;
}
a.info span {
display: none; /* on masque l'infobulle */
font-size: 12px;
}
a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 60px; /* on positionne notre infobulle */
left: 60px;
background: #C0CDE5;
color: #576186;
padding: 3px;
border: 3px solid #3E3D70;
}
body { background-attachment: no-fixed; background-repeat: no-repeat; background-position: top center;}
.atelierdesc {
background: #430070;
color: #430070;
margin-left: 5px;
margin-top: 2px;
padding: 5px;
padding-left: 2px;
}
.code{
font-family: Comic Sans MS;
font-size: 12px;
color: #9b6b6b;
line-height: 125%;
background-color: #000000;
border: #FFFFFF;
border-style: solid;
border: 1px #FFFFFF dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.bodyline {
-moz-border-radius:10px;
}
//
Moïira
3 décembre 2009//
sign
a:hover {
text-decoration: none;
font-weight: bold;
color: black;
text-transform: uppercase;
}
a:active {
text-decoration: none;
font-weight: bold;
color: black;
text-transform: uppercase;
}
a:link {
font-weight: bold;
color: black;
text-transform: uppercase;
}
a:visited {
text-decoration: none;
color: black;
text-transform: uppercase;
font-weight: bold;
}
.categling {
border-left: 10px solid #317b4a;
border-right: 10px solid #317b4a;
margin: 0px 0px 8px;
padding: 3px;
font-size: 10px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
display: block;
color: #ffffff;
font-weight: bold;
background-color: #6eb76e;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
}
.categling:hover {
border-left: 10px solid #1b881b;
border-right: 10px solid #1b881b;
margin: 0px 0px 8px;
font-size: 10px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
color: #333333;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
background-color: #92f492;
}
body {
color: #838383;
}
BLA BLA bla
bla. BLA BLA bla bla. BLA BLA bla bla. BLA
BLA bla bla.
.code {
background-color: #000000;
border:1px #ffffff dashed;
-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
color: #ffffff;
}
blink {
visibility: expression((function(){
if (!window.IEBlink) {
window.IEBlink = "visible";
setInterval(function() {
window.IEBlink = (window.IEBlink=="visible"?"hidden":"visible");
var blinks = document.getElementsByTagName("blink");
for (var i=0; i < blinks.length; i++) { blinks[i].style.visibility=window.IEBlink; }
}, 700)
}
return "";
})());
}
/* =================
===== Message d'accueil =====
script by James1920 de CSSACTIF et LBTPROD - Novembre 13, 2010
http://www.themes-fa.com - BY-NC (http://creativecommons.org/licenses/by-nc/2.0/fr/)
================= */
/*----------------- Ma g?n?ral ----------------- */
/* Pour les défilement */
#scroller_container
{
padding-top: 15px;
overflow: hidden;
}
/* CSS Hack Safari */
#dummy
{
;#
}
#scroller_container
{
overflow: auto;
}
/*le tableau invisible */
.table25
{
border: none ;
}
/* Liens */
.a2
{
display: block;
width: 130px;
color: black;
text-align:center;
border: 1px solid black;
-moz-border-radius: 5px;
height: 30px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.a2:hover
{
background-color: black;
color: white;
}
#table22 /* fond du ma */
{
width: 770px;
background-color: #454545;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
}
/*-----------------Titre----------------- */
/* Le titre special pour le texte de bienvenu */
.h2_themebienvenu
{
font-size: 14px;
background-color: #000;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: white;
text-align: center;
margin: 10px;
/max-width: 367px;
}
/* le titre special pour les credits */
.h2_themecredit
{
font-size: 14px;
background-color: #000;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: white;
text-align: center;
margin: 10px;
/max-width: 160px;
}
/* le titre pour les autres boites */
.h2_theme
{
font-size: 14px;
background-color: #000;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: white;
text-align: center;
margin: 10px;
}
/* effet de transparance FF */
.transparence {
background-color: transparent;
border: none;
opacity: 0.5;
}
.transparence:hover{
background-color: transparent;
border: none;
opacity: 2;
}
/*-----------------Les boites contenant les textes----------------- */
/* Navigation */
.navi_ma
{
background-color:#afaeae;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 16px;
height: 300px;
margin: 10px;
width: 130px;
padding: 5px;
line-height:34px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
padding-top: 20px;
}
/* News */
.news
{
background-color: #afaeae;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 120px;
width: 160px;
margin: 10px;
overflow-y: auto;
overflow-x: visible;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
}
/* Partenaires */
.partenaire_test
{
background-color: #afaeae;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 105px;
width: 160px;
margin: 10px;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
padding-top: 20px;
}
/* message de bienvenu */
#bienvenu_ma
{
background-color: #afaeae;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 120px;
margin: 10px;
overflow-y: auto;
overflow-x: visible;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
width: 370px;
}
/* membres staffs */
.staff
{
background-color: #afaeae;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 10px;
height: 105px;
width: 180px;
margin: 10px;
padding: 5px;
font-size: 14px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
padding-top: 20px;
}
/*crédits */
.credits
{
background-color: #afaeae;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 105px;
width: 160px;
margin: 10px;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
padding-top: 20px;
}
/*-----------------inffobulles----------------- */
div.infobulle
{
position: relative;
float: left;
color: black;
}
div.infobulle span
{
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover
{
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
color: black;
}
/* style de l infobulle */
div.infobulle:hover span
{
display: inline; /* on affiche l'infobulle */
position: absolute;
top: 10px; /* on positionne notre infobulle */
background-color: #afaeae;
color: black;
padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
text-align: center;
font-size: 14px;
}
#vkwicks #kwick1 {
background-color: #FF5100;
}
#vkwicks #kwick2 {
background-color: #B33900;
}
#vkwicks #kwick3 {
background-color: #FFD000;
}
#vkwicks #kwick4 {
background-color: #B39200;
margin-bottom: none;
}
.kwicks {
list-style: none;
position: relative;
margin: 0;
padding: 0;
}
.kwicks li{
display: block;
overflow: hidden;
padding: 0;
cursor: pointer;
}
.returnToKwicks {
display:block;
border:1px dashed #888;
padding:5px;
float:right;
}
.returnToKwicks:hover {
background-color: #5e5e76;
text-decoration: none;
color: #aaa;
}
Sam 30 Mar 2024, 22:07 par 
Franchement, quand on a des notions mais pas trop, et qu'on doit créer une PA sans savoir comment faire, c'est une superbe idée. Merci beaucoup 
