body{
background-color: #848484;
}
.tweet{
border: 1px solid black;
}
.btn_modif{
border: 1px solid black;
width: 200px;
cursor: pointer;
}
.btn_modif_preferences{
border: 1px solid black;
width: 500px;
cursor: pointer;
}
.btn_dossiers{
border: 1px solid black;
width: 300px;
height: 75px;
cursor: pointer;
}
.tweetReset{
border: 0px;
color: red;
font-weight: bold;
}
.tweetReset:hover{
text-decoration: underline;
}
.btn{
cursor: pointer;
}
form.membres label{
float: inline;
font-size: 10px;
width: 200px;
}
div.conteneurGrandArticle{
display:table;
column-width: 960;
width: 950px;
margin: 15 auto;
position: relative;
padding: 10px;
border: 1px dotted #FFDDDD;
text-align: left;
}
div.conteneurLigneArticle{
display: table-row;
width: 930px;
}
div.conteneurColonneArticle{
display: table-column;
width: 930px;
}
div.conteneurArticle{
width: 300px;
display: table-cell;
margin: auto auto;
padding: 10px;
border: 1px dotted #FFDDDD;
text-align: left;
}
div.conteneurArticle h2.legende{
margin: -23px 0px 0px 60px;
padding: 0px 10px 0px 10px;
border-style: none;
color: white;
background-color: grey;
height: 25px;
width: 220px;
font-family: Verdana,Arial,serif;
text-align: left;
}
div.conteneurArticleInterieur{
width: 280px;
margin: 15 auto;
background-color: grey;
padding: 10px;
border: 1px solid #FFDDDD;
text-align: left;
}
div.conteneurAlbumInterieur{
width: 250px;
margin: 15 auto;
background-color: silver;
padding: 10px;
border: 1px solid #grey;
text-align: left;
}
div.conteneurGrandInterieur h3.legende{
margin: -23px 0px 0px 70px;
padding: 0px 10px 0px 10px;
border-style: none;
color: white;
background-color: grey;
height: 25px;
width: 200px;
font-family: Verdana,Arial,serif;
text-align: left;
}
div.conteneurGrand{
clear: left;
width: 950px;
margin: 15 auto;
position: relative;
padding: 10px;
border: 1px dotted #FFDDDD;
text-align: left;
}
div.conteneurGrand h2.legende{
margin: -23px 0px 0px 60px;
padding: 0px 10px 0px 10px;
border-style: none;
color: white;
background-color: gray;
height: 25px;
width: 500px;
font-family: Verdana,Arial,serif;
text-align: left;
}
div.conteneurGrandInterieur{
width: 880px;
margin: 15 auto;
background-color: gray;
padding: 10px;
border: 1px solid #FFDDDD;
text-align: left;
}
div.conteneurGrandInterieur h3.legende{
margin: -23px 0px 0px 70px;
padding: 0px 10px 0px 10px;
border-style: none;
color: white;
background-color: gray;
height: 25px;
width: 300px;
font-family: Verdana,Arial,serif;
text-align: left;
}
div.conteneur{
width: 550px;
margin: 10 auto;
padding: 10px;
border: 1px dotted #FFDDDD;
text-align: left;
}
div.conteneur h2.legende{
margin: -23px 0px 0px 60px;
padding: 0px 10px 0px 10px;
border-style: none;
color: white;
background-color: gray;
height: 25px;
width: 300px;
font-family: Verdana,Arial,serif;
text-align: left;
}
div.conteneurInterieur{
width: 530px;
margin: 15 auto;
background-color: gray;
padding: 10px;
border: 1px solid #FFDDDD;
text-align: left;
}
div.conteneurInterieur h3.legende{
margin: -23px 0px 0px 70px;
padding: 0px 10px 0px 10px;
border-style: none;
color: white;
background-color: gray;
height: 25px;
width: 250px;
font-family: Verdana,Arial,serif;
text-align: left;
}
div.conteneurPetit{
width: 400px;
margin: 10 auto;
padding: 10px;
border: 1px dotted #FFDDDD;
text-align: left;
}
div.conteneurPetit h2.legende{
margin: -23px 0px 0px 60px;
padding: 0px 10px 0px 10px;
border-style: none;
color: white;
background-color: gray;
height: 25px;
width: 220px;
font-family: Verdana,Arial,serif;
text-align: left;
}
div.conteneurPetitInterieur{
width: 380px;
margin: 15 auto;
background-color: gray;
padding: 10px;
border: 1px solid #FFDDDD;
text-align: left;
}
div.conteneurPetitInterieur h3.legende{
margin: -23px 0px 0px 70px;
padding: 0px 10px 0px 10px;
border-style: none;
color: white;
background-color: gray;
height: 25px;
width: 250px;
font-family: Verdana,Arial,serif;
text-align: left;
}
#slide {
width: 700px;
margin: 10px auto;
position: relative;
height: 1000px;
overflow: hidden;
}
.utilisateurs{
border: 1px dotted #FFDDDD;
background-color: gray;
}
.utilisateursInverse{
border: 1px dotted #FFDDDD;
background-color: silver;
}
.bloc_murUtilisateur{
position:relative;
left:25px;
}
.murUtilisateurs{
border: 1px dotted #FFDDDD;
background-color: gray;
display:block;
float:center;
width:100%;
margin: 0 5 5 0;
padding: 0 2 2 0;
}
h1.utilisateurs{
border: 1px dotted #FFDDDD;
background-color: gray;
}
h2.utilisateurs{
border: 1px dotted #FFDDDD;
background-color: gray;
}
h3.utilisateurs{
border: 1px dotted #FFDDDD;
background-color: gray;
}
h1.utilisateursInverse{
border: 1px dotted #FFDDDD;
background-color: silver;
}
h2.utilisateursInverse{
border: 1px dotted #FFDDDD;
background-color: silver;
}
h3.utilisateursInverse{
border: 1px dotted #FFDDDD;
background-color: silver;
}
a.info{
position: relative;
z-index: 24;
color: black;
text-decoration: none
}
a.info:hover{
z-index: 25;
}
a.info span{
display: none;
}
a.info:hover span{
display: block;
position: absolute;
top: -15em; left: 10em; width:25em; height: 20em;
border: 1px solid #663333;
background-color: #FFFFFF;
color: #000000;
text-align: justify;
font-weight: none;
padding: 1px;
}
table.utilisateurs td{
border: 1px dotted #FFDDDD;
background-color: gray;
padding: 0px 10px 0px 10px;
margin: 0px 10px 0px 10px;
text-align: center;
}
td.titreTableau{
border: 1px solid #FFDDDD;
background-color: gray;
padding: 5px 10px 5px 10px;
text-align: right;
color: white;
width: 250px;
}
td.utilisateurs{
border: 1px dotted #FFDDDD;
background-color: gray;
padding: 0px 10px 0px 10px;
margin: 0px 10px 0px 10px;
text-align: center;
}
td.utilisateursInverse{
border: 1px dotted #FFDDDD;
background-color: silver;
padding: 0px 10px 0px 10px;
margin: 0px 10px 0px 10px;
text-align: center;
}
td.ecriture{
border: 1px dotted #FFDDDD;
background-color: gray;
padding: 0px 10px 0px 10px;
margin: 0px 10px 0px 10px;
text-align: left;
}
td.ecritureInverse{
border: 1px dotted #FFDDDD;
background-color: silver;
padding: 0px 10px 0px 10px;
margin: 0px 10px 0px 10px;
text-align: left;
}
td.gris{
background-color: #CCCCCC;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 5px;
height: 5px;
}
td.fondgris{
background-color: #CCCCCC;
}
td.articles{
background-color: #666666;
}
td.article{
border: 1px solid #DDDDDD;
background-color: #CCCCCC;
height: 1000px;
}
p.utilisateurs{
border: 1px dotted #FFDDDD;
background-color: gray;
padding: 0px 10px 0px 10px;
margin: 0px 10px 0px 10px;
text-align: center;
float: left;
}
p.date{
font-style: underline;
}
p.post{
font-variant: small-caps;
}
p.Tchat{
float: left;
text-align: left;
}
p.TchatSuppression{
width: 500px;
}
p.titre{
font-variant: small-caps;
width: 150px;
}
p.titreDossier{
width: 500px;
text-align: center;
font-variant: small-caps;
}
p.corpsDossier{
width: 730px;
}
p.sous-titre{
font-style: italic;
}
p.gauche { text-align: left; }
p.centre { text-align: center; }
p.droite { text-align: right; }
p.justifier { text-align: justify; }
span.gras { font-weight: bold; }
span.italique {font-style: italic; }
span.souligne {text-decoration: underline; }
span.fluo{ background:#ffff00; }
span.titre{ font-variant: small-caps;}
img { border: #000000 0px solid; }
#article li {
text-align: left;
list-style: square;
}
ul{
list-style-position: inside;
padding:0 0 0 0;
margin: 3px 0px 3px 10px;
}
ul.preferences{
border: 1px solid #FFDDDD;
background-color: gray;
width: 860px;
text-align: left;
margin: 10px;
padding: 10px;
}
ul.normal{ list-style-type: disc; }
ul.numeros{ list-style-type: decimal; }
ul.lettres{ list-style-type: lower-alpha; }