/* structure */
body {
margin:0;
padding:0;
background-color:#fff;
}
#haut {
height:25px;
background:#fff url(img/fond-haut.gif) repeat-x left bottom;
}
#contenu {
position:absolute;
width:100%;
background-color:#000;
}
#gauche {
position:absolute;
left:0;
width:140px;
background-color:#000;
padding:5px;
font:0.8em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
color:#fff;
}
#droite {
position:absolute;
right:0;
width:140px;
padding:5px;
}
#centre {
border-left:1px dashed #999;
border-right:1px dashed #999;
margin-left:150px;
margin-right:150px;
padding:10px;
font:0.8em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
color:#fff;
}
#bas {
clear:both;
width:100%;
height:20px;
background:#fff url(img/fond-bas.gif) repeat-x left top;
}

/* nav principale */

#navonglet {
margin:0;
padding:0;
background-color:#000;
}
#onglet {
padding:3px 0;
margin:0;
border-top:1px solid #000;
border-bottom:1px dashed #999;
font:0.8em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; 
font-weight:bold; 
background-color:#000;
}
#onglet li {
list-style:none;
margin:0;
display:inline;
}
#onglet li a {
padding:3px 0.5em;
margin-left:3px;
border:1px dashed #999;
border-bottom:none;
background-color:#000;
text-decoration:none;
}
#onglet li a:link { color:#fff; }
#onglet li a:visited { color:#fff; }
#onglet li a:hover {
color:#000;
background-color:#E0E578;
}
#onglet li a#actuel {
color:#A3AB0E;
background-color:#000;
border-bottom:1px solid #000;
}
#onglet #logo {
padding:0px;
float:left;
}

#langs {
	position:absolute;
	right:0;
	width:225px;
	padding:3px;
	background: #000;
	font:0.8em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color:#FFF;
	text-align:center;
	left: 761px;
	top: 24px;
}
a.vert {
color:#A3AB0E;
}
/* nav secondaire*/

#centrenav { 
margin-left:150px;
margin-right:150px;
margin-bottom:0; 
padding:5px; 
font:0.8em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
font-weight:bold; 
color:#fff; 
border-left:1px dashed #999; 
border-right:1px dashed #999; 
border-bottom:1px dashed #999; 
background-color:#000;
}
#centrenav ul {
margin-left:0;
padding-left:0;
display:inline;
border:none;
}
#centrenav ul li {
margin-left:0;
padding-left:10px;
border:none;
list-style:none;
display:inline;
}
#centrenav ul li:before {
content: "\0020 \0020 \0020 \00BB \0020";
color:#ff9;
}
#centrenav .actuel {
color:#A3AB0E;
}
#centrenav li a { 
font:1em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; 
font-weight:bold; 
color:#fff;
text-decoration:none;
}
#centrenav li a:hover {
color:#000000;
background-color:#E0E578;
text-decoration:none;
}
.top {
height:16px;
padding:2px;
float:right;
border:1px dashed #999;
background-color:#333; 
}
/* nav bas contenu */

#basnav {
background-color:#000; 
margin-top:6px;
padding:6px;
border-top:1px dashed #999;
color:#fff;
text-align:center;
font:0.9em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}

/* menu liste */

#liste ul, .liste ul {
margin:4px 18px 14px 4px;
padding:0px;
border:none;
text-indent:4px;
list-style:none;
}
#liste li, .liste li {
margin:0px;
padding:4px 0px 2px 14px;
border:none;
background-image:url(img/li.gif);
background-repeat:no-repeat; 
background-position:0px 10px;
color:#fff;
}
#liste li a, .liste li a { 
font:0.9em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; 
color:#fff;
text-decoration:none;
}
#liste #select a, .liste #select a {
color:#A3AB0E;
background-color:#000;
text-decoration:none;
border:0;
}
#liste li a:hover, .liste li a:hover {
color:#000;
background-color:#E0E578;
text-decoration:none;
border:0;
}
.ainfos { 
font:0.9em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; 
color:#fff;
text-decoration:none;
}
/* textes */

h3.rub { 
font:1.4em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
font-weight:bold; 
margin:5px 0 10px 0; 
padding:0px; 
color:#A3AB0E; 
border-bottom:1px dashed #999; 
}
h3.titre {
font:1.2em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
font-weight:bold;
font-style: italic;
color:#000; 
margin: 0 0 5px 0;
padding:2px;
background-color:#FFF;
border:1px dashed #999; 
}
h3.sub { 
font:1.2em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
font-weight:bold; 
margin:0; 
padding:5px; 
color:#fff; 
text-align:center;
}
h3.error {
margin-bottom:20px;
border:1px solid white;
padding:5px;
color:#fff;
background-color:#AB4F0E;
font-size:1.1em;
}
h3.ok { 
margin-bottom:20px; 
border:1px solid white; 
padding:5px; 
color:#fff; 
background-color:#A3AB0E; 
font-size:1.1em;
}
h3.thread {
color:#A3AB0E;
font:1.3em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
font-weight:bold;
margin:0;
padding:0;
}
h4.black { 
font:1.2em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
font-weight:bold; 
margin:0 0 15px 0; 
padding:5px; 
color:#000; 
border-bottom:1px dashed #999; 
}
h4.white { 
font:1.2em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
font-weight:bold; 
margin:0 0 15px 0; 
padding:5px; 
color:#fff; 
border-bottom:1px dashed #999; 
}
h4.actu { 
font:0.9em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
font-weight:bold; 
margin:5px 0 5px 0; 
padding:5px; 
color:#666; 
border-top:1px dashed #999; 
}
#centre a, #popcentre a { 
color:#A3AB0E;
text-decoration:none;
}
#centre a:hover, #popcentre a:hover {
color:#000;
background-color:#E0E578;
text-decoration:none;
}
.titre1 {
color:#A3AB0E;
font:1.2em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
font-weight:bold;
}
.small {
font-size:0.9em;
}
.on {
color:#fff;
font-size:1.1em;
font-weight:bold;
background-color:#E0E578; 
}
.imggauche {
float: left;
padding-right: 6px;
} 
.imgdroite {
float: right;
padding-left: 6px;
} 
.right {
float: right;
} 

/* sites du collectif */

#siteST { 
width:130px;
height:76px;
background:url(img/site_street-trash1.gif) top left no-repeat;
}
#siteST a {
display:block;
width:100%;
height:100%;
background:#000 url(img/site_street-trash0.gif) top left no-repeat; 
color:#000;
}
#siteST a:hover {
background:transparent none;
}	
#siteSUBSO { 
width:130px;
height:82px;
background:url(img/site_subsociety1.gif) top left no-repeat;
}
#siteSUBSO a {
display:block;
width:100%;
height:100%;
background:#000 url(img/site_subsociety0.gif) top left no-repeat; 
color:#000;
}
#siteSUBSO a:hover {
background:transparent none;
}	
#siteSUBVER { 
width:130px;
height:69px;
background:url(img/site_subversive1.gif) top left no-repeat;
}
#siteSUBVER a {
display:block;
width:100%;
height:100%;
background:#000 url(img/site_subversive0.gif) top left no-repeat; 
color:#000;
}
#siteSUBVER a:hover {
background:transparent none;
}	

/* form */

form {
padding:5px;
margin:0;
}
.bloc {
background:#fff;
padding:8px;
color:#000;
text-align:left;
border:1px dashed #999;  
}
.bloc2 {
border-top:1px dashed #999;  
border-bottom:1px dashed #999;  
}
.champ { 
background-color:#D4D7B3; 
color:#102132; 
border:1px dashed #999; 
}
.champ:focus {
background-color:#EDEDE0; 
border:1px solid #999; 
color:black;
}

label {
display:block;
width:150px;
float:left;
margin:0;
padding:0;
font-weight:bold;
text-align:right;
padding-right:20px;
}
br.bloc  {
clear:left;
}
.champ select { 
background-color:#D4D7B3; 	
color:#102132; 
border:1px solid #fff; 
margin:5px 0;
}
textarea {
font:1em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}
.submit {
background:#E0E578 url(img/off.gif);
font-size:0.9em;
cursor:pointer;
font-weight:bold;
color:#000;
border:1px outset #999;
}
.submit:hover {
background:#E0E578 url(img/on.gif);
color:#fff;
}

/* projets */

.projet {
border:1px dashed #999;  
background-color:#3f3f3f; 
padding:6px;
}
.details {
font:0.9em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
padding: 0 0 0 25px;
}
.taches {
background-color:#222; 
padding:6px;
margin-bottom:5px;
border:1px dashed #999;
}

/* zone membre  */

#scroll {
padding:3px;
color:#fff; 
background-color:#000;
font:0.9em "Trebuchet MS", Verdana, Arial, sans-serif;
}
#scroll p {
margin: 0 0 5px 0;
}
#cases {
background-color:#000000;
}
#cases table {
border:1px dashed #999;
width:100%;
border-collapse:collapse;
}
#cases td {
border:1px dashed #999;
padding:5px;
text-align:left;
}
#popcentre {
padding:10px;
font:0.8em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
color:#fff;
}

/*  box */

.box {
padding:0px;
background-color:#fff; 
color:#555;
}
.box a {
color:#A3AB0E; 
font-weight:bold;
}
.box-right { 
text-align:right; 
font-size:0.85em; 
background:#fff url(img/fond-forum-haut.gif) repeat-x left top;
padding:12px 4px 3px 0px;	
}
.box-left  { 
float:left; 
text-align:left; 
font-style:normal; 
padding:12px 0px 3px 10px;	
}
.box-post{ 
text-align:justify; 
font-size:0.9em; 
padding:10px;	
}
.box-post ul {
margin:0px 0px 0px 3px;
padding:0px;
border:none;
text-indent:4px;
list-style:none;
}
.box-post li {
margin:0px;
padding:0px 0px 0px 14px;
border:none;
background:url(img/col.gif) no-repeat top left;
color:#555;
}
.box-post li:hover {
background-color:#D4D7B3;
margin-right:5px;
}
.box-bas { 
background:#000 url(img/fond-forum-bas.gif) repeat-x left top;
}
blockquote {
background-color:#ffffff; 
padding:5px;
margin:5px;
color:#999999;
}
#avatar {
float:right;
margin:10px 6px 4px 6px;
} 

#idxscroll {
float:right;
width:180px;
height:215px;
overflow:auto;
margin:0 0 10px 10px;
padding:0;
font:.9em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; 
color:#fff;
background-color:#000;
}