body {
background-repeat: no-repeat;
background-color:
background-image:url("
mhttps://2img.net/r/hpimg11/pics/610215essaie.png");}/* cadre large */
.bodyline {
border: 6px solid #6583CC;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;}
a { text-decoration: none; }
.spoiler {
background-color : #6583CC ;
border : XXpx solid #6583CC ;
-moz-border-radius: 2px 2px 2px 2px }
{
font-size: 11px; /* on définit les propriétés de texte pour toutes les balises */
font-family: Tahoma, Verdana, Arial, serif;
}
.cont_pa {
border: 2px #8FBC8F solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
padding: 10px;
}
.titre_pa {
background-color: #8FBC8F;
padding: 5px;
text-align: center;
display: bloc;
font-size: 16px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
color:#68676B;
margin-bottom: 5px;
}
#ann_pa
{
border: 2px #68676B solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 10px;
display: bloc;
height: 150px;
width: 200px;
}
div.infob {
position: relative;
text-decoration: none !important;
}
div.infob span {
display: none;
text-decoration: none !important;
}
div.infob:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /*permet de s'assurer que l'infobulle est au tout premier plan */
text-decoration:none !important;
}
div.infob:hover span {
display: inline;
position: absolute;
left: 100px;
width:220px;
color: black;
font-size:9px;
text-align: center;
text-decoration:none !important;
background-color: #8FBC8F;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
padding: 4px;
border:3px solid #E2C6AC;
}
#pa_nav a {
text-decoration: none;
color:black;
font-size: 12px;
}
#pa_nav {
display: bloc;
text-align : center;
}
a.info {
position: relative;
color: black;
text-decoration: none;
}
a.info span {
display: none; /* on masque l'infobulle */
}
a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: none; /* 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: 30px; /* on positionne notre infobulle */
left: 20px;
background: #E6E6FA;
ou
color: black;
padding: 3px;
border: 1px dotted #A87E68;
border-left: 4px dotted #A87E68;
}
a.forumlink{
display:block;
text-align: left;
background-color: #8FBC8F;
border-bottom: 3px double #E6E6FA;
}
a.forumlink:link, a.forumlink:visited {
font-family: Times new roman;
text-transform : capitalize;
text-align: center;
font-size: 120%;
display: block;
margin-top: 3px;
padding: 3px;
}
.sujets_messages
{margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */
/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
-webkit-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
border-bottom: 1px solid #000000;
background-color:#8FBC8F ;}
.derniers_sujets
{margin-top: 3px; /* pour faire un léger espace entre la ligne des "messages & sujets" et "dernier message posté", sinon ça se colle et c'est laid xD; on évite de retirer */*/
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */*/
/* après on peut rajouter ce qu'on veut : une bordure, une image de fond, un arrondi juste sur deux côtés ... */
border: 1px dashed #000000;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;}
.groupes{
border: 3px #6583CC double;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;
text-shadow: 1px 1px 1px black;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:15px;
text-align: center;
text-decoration: none !important;
margin-left: 5px;
-webkit-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
border-bottom: 3px double #000000;
}
/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
margin: auto;
padding: 10px;
color: #000000;
width: 90%;
border: 3px double #69B3D6;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
font-size: 10px;
}
/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
color: #000000;
border: 3px solid #D3C49C;
border-top: 0px !important;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;
-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
margin: auto;
padding: 4px;
color: #000000;
width: 85%;
text-align: center;
height: 22px;
font-size: 7px;
}
.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }
.cat_forum {
background-color: #8FBC8F;
margin: auto;
margin-bottom:30px;
width:800px;
}
ul, li{
list-style: none;
}
.mon_onglet{
float: left;
padding: 2px 10px;
margin-right: 5px;
color: #333;
background: white;
border: 3px solid #D3C49C;
cursor: pointer;
margin-bottom: -1px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;}
.mon_onglet:hover{
background:white;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;}
.mon_onglet_selected{
float: left;
padding: 2px 10px;
margin-right: 5px;
color: #333;
background: white;
border-top: 3px solid #D3C49C;
border-right: 3px solid #D3C49C;
border-left: 3px solid #D3C49C;
border-bottom: 3px solid #D3C49C;
cursor: pointer;
margin-bottom: -1px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
}
.clear {
clear: both;
}
.mon_contenu {
color: black;
background: white;
border: 3px solid #D3C49C;
padding: 10px;
width: 720;
height: 400;
}
#mes_contenus, #mes_onglets {
width: 100%;
}
/* CHATBOX */
body.chatbox {
background-image:url('http://harrypottermania.h.a.pic.centerblog.net/5mrtwlc4.jpg');
}
#chatbox_header {
background-image:url('https://i.servimg.com/u/f27/11/07/38/09/chatbo10.jpg');
}
#chatbox_header .cattitle strong {
display: none ;
}
#chatbox_header .cattitle:before {
content: "Souvenir...Souvenir....- ChatBox" ;
}
.chatbordure {
border:solid 1px #000000;
}
#chatbox_header .catBottom .cattitle {
margin:3px !important;
padding:3px;
text-align:center;
font-size:11px !important;
font-weight:bold;
font-variant :small-caps;
}
#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options {
color:#3b2705 !important;
font-size:9px !important;
font-weight:bold;
}
#chatbox_header .chatbox-options a {
color:#3b2705;
border:solid 1px #000000;
margin-bottom:3px !important;
padding:3px;
text-align:center;
font-size:9px !important;
font-weight:bold;
}
#chatbox {
position: absolute;
top: 30px;
left: 181px;
right: 0;
bottom: 45px;
overflow: auto;
color:#3b2705;
padding: 3px;
text-align: left;
font-size:11px !important;
}
#chatbox_members .member-title {
background-image: url('https://i.servimg.com/u/f27/11/07/38/09/chatbo10.jpg');
color:#3b2705;
border:solid 1px #000000;
margin:3px !important;
padding:3px;
text-align:center;
font-size:11px !important;
font-weight:bold;
font-variant :small-caps;
}
#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: solid 1px #000000;
}
#chatbox .catBottom {
border: none;
}
#chatbox_footer {
background-image: url('https://i.servimg.com/u/f27/11/07/38/09/chatbo10.jpg');
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 5px;
color:#3b2705;
border:solid 1px #000000;
margin:3px !important;
opacity:1;
text-align:left;
font-size:9px !important;
}
#chatbox_footer label {
color:#3b2705;
font-size:11px !important;
font-variant: small-caps;
font-weight:bold;
}
#message {
color:#3b2705;
border:solid 1px #000000;
margin:3px !important;
padding:2px;
text-align:left;
font-size:9px !important;
}
#submit_button {
background-image: url('https://i.servimg.com/u/f27/11/07/38/09/chatbo10.jpg);
color:#3b2705;
border: solid 1px #000000;
margin:3px !important;
padding:2px;
text-align:left;
font-size:9px !important;
}
.fontbutton {
padding: 1px;
text-align:left;
border: solid 1px #000000;
}
div.infobulle {
position: relative;
float: left;}
div.infobulle span {
display: none;}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999;}
div.infobulle:hover span {
color: #C2A395;
-moz-border-radius: 50px;
text-align: center;
text-shadow: #000000 1px 1px 1px;
width: 210px;
background: #ffffff;
border: 3px solid #9EC3B1;
display: inline;
position: absolute;
top: 100px;
left: 50px;
padding: 10px;
-moz-box-shadow: 2px 3px 3px black;}
ul, li{
list-style: none;}
.mon_onglet{
padding: 10px ;
color: #ffffff;
text-shadow: 1px 1px 3px black;
background: #9EC3B1;
-moz-border-radius: 10% 10% 0% 0%;
cursor: pointer;}
.mon_onglet_selected{
-moz-box-shadow:inset 2px 3px 3px black;
padding: 10px ;
color: #3b1f05;
-moz-border-radius: 10% 10% 0% 0% ;
background: #dddddd;
cursor: pointer;}
.mon_contenu{
margin-top: -70px;
font-size: 11px;
width: 650px;
height: 220px;
background: #F0FFF0;
-moz-box-shadow:inset 2px 3px 3px black;
border: 5px solid #9EC3B1 ;
padding: 20px;
color: #6E6E6E;
-moz-border-radius: 50px;
line-height: 18px;}
.imagepa { border: solid 5px #9EC3B1;
-moz-border-radius: 10px;
margin-left: -5px;}
.imagepa:hover {border: solid 5px #9EC3B1;
-moz-border-radius: 10px;
margin-left: 10px;
opacity: 0.7; }
#menu ul li a,
.menu ul li a:visited {display:block; -moz-border-radius: 10% 10% 10% 10% ; color: #6E6E6E; width:150px; height:20px; text-align:center; background: #9EC3B1; font-size:12px; padding: 3px;} /* NORMAL */
#menu ul { padding: 10px; list-style-type: none; }
#menu ul li {float:left; margin-right:1px; position:relative;}
#menu ul li ul {display: none;}
#menu ul li:hover a {background: #9EC3B1; color:# 6E6E6E ; } /* MODE ITEM HOVER */
#menu ul li:hover ul {display:block; position:absolute; top:10px;margin-left: -10px; }
#menu ul li:hover ul li a.hide { color:#EED5D2;} /* MODE HOVER */
#menu ul li:hover ul li:hover a.hide {width:110px;}
#menu ul li:hover ul li ul {display: none;}
#menu ul li:hover ul li a {display:block; color:#ffffff; text-shadow: 1px 1px 3px black;} /* MODE SOUS ITEM NORMAL */
#menu ul li:hover ul li a:hover {color:#EED5D2;} /* MODE SOUS ITEM HOVER */
#menu ul li:hover ul li:hover ul {display:block; position:absolute; margin-left: -10px; top:10px; color:#e63939; background: #9EC3B1; } /* MODE HOVER */
#menu ul li:hover ul li:hover ul li a {display:block; color:#e63939; font-weight : bold;} /* MODE HOVER */
#menu ul li:hover ul li:hover ul li a:hover {color:#e63939; font-weight : bold;} /* MODE SOUS ITEM HOVER */
.postdetails.poster-profile a img{
background: #9EC3B1;
border : 1px solid #9EC3B1;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 5px;
}
.profinfo{
background: #9EC3B1;
border : 1px solid #9EC3B1;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 5px;
}
.profrpg{
background: #9EC3B1;
border : 1px solid #9EC3B1;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 5px;
}
#fondavatar{
background: #9EC3B1;
border : 1px solid #9EC3B1;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 5px;
}
.postdetails.poster-profile a img, .cadravatar {
margin : 15px;
background-color : #ff0000;
border-color : #ffff00;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 5px;
}
.profmsg {
background: #9EC3B1;
border : 1px solid #9EC3B1;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 5px;
}