*{
margin:0;
padding:0;
}

ul{
list-style: none;
}


a
{
color:#D23286;
}

table
{
text-align: center;
}
 
.titrePartie
{
position: absolute;
top:70px;
left:350px;
width:200px;
}

#page
{
font-size: 20px;
text-transform: uppercase;
font-weight: bold;
}

.lienEchange
{
margin:10px 0 10px 0;
}

#connexion
{
width:220px;
margin:auto;
padding:100px;}

/* -------------------  h */




h2
{
position: absolute;
top:0;}

h3
{
color:#D23286;
font-size: 14px;
padding-left:20px;
}

h4
{
font-size:9px;
padding-left:20px;
padding-top:5px;
}

input
{
border:1px solid #c6c6b8;
height:17px;
}


.lienEchange a
{
margin-right:10px;
}
/* -------------------  tableau */
.paire
{
background: #f8f8f8;
}


/* -------------------  accueil */ 
/* ------------------- contenu bordure ombre portée */
.contenuMilieu
{
background: url('../images/contenu_milieu.png') repeat-y ;
width:960px;
position: relative;
}

.contenuBas
{
background: url('../images/contenu_bas.png') no-repeat ;
width:960px;
height:21px;
margin-bottom:20px;

}

.contenuHaut
{
background: url('../images/contenu_haut.png') no-repeat ;
width:960px;
height:21px;

}
/*  -------------------  boutton */ 
.button_b
{
display:inline-block;
width:148px;
height:29px;
background: url('../images/button_b.png') no-repeat;
color:white;
text-decoration: none;
text-align: center;
padding-top:10px;
margin:auto;

}

.button
{
display:inline-block;
width:91px;
height:22px;
background: url('../images/button.png') no-repeat;
text-decoration: none;
text-align: center;
padding-top:4px;
margin:auto;

}

.buttonLarge
{
display:inline-block;
width:141px;
height:22px;
background: url('../images/button_large.png') no-repeat;
text-decoration: none;
text-align: center;
padding-top:4px;
margin:auto;

}

.boutonBas
{
margin:auto;
width:148px;
margin-top:20px;}
 /* -------------------   pop */
#pop
{
position: absolute;
width:100%;
height:100%;
background: black;
z-index:900;
opacity:0.7;
filter: alpha(opacity=70);
display:none;
}

#message
{
width:700px;
min-height:450px;
background: #D8D8C5;
border:solid 5px white ;
position: absolute;
z-index: 901;

top:-900px;
color:gray;
padding:10px;
text-align: center;
display: none;
}

#fermer
{
width:17px;
height:15px;
text-align: center;
background:#D23286;
position: absolute;
z-index: 902;
color:white;
left:50%;
margin-left:190px;
top:-900px;
padding-top:2px;
display: none;
cursor: pointer;
 }
 
 
 h5
 {
 
 color:#D23286;
 font-size:15px;
 padding-bottom:5px;
 }
 
div.sujet table
 {
 width: 100%;

 }

p.alert
{
width:400px;
background: white;

vertical-align: middle;
padding-top:20px;
padding-bottom:20px;
}


div.supprimerSujet table
{
width: 100%;
height:200px;
}

div.supprimerSujet
{
padding-top:70px;
}

input.inputLong
{
width:200px;

}

input.inputCourt
{
width:120px;
}

div.utilisateur table
{
width:100%;
}

#conteneur_2
{
position: absolute;
top:180px;
left:2000px;
display: none;

}

#conteneur_1
{
position: absolute;
top:180px;
left:-2000px;
display: none;

}



/* Modif 24-08-2010 - Maxime */
.inputPrive {
	margin-left: 5px;
}
.sujetPrive {
	cursor: pointer;
	vertical-align: 4px;
	margin-left: 3px;
}
#lesResponsables div.user {
	float: left;
}
div.sujet p.listUser label {
	margin-left: 2px;
	vertical-align: 4px;
	cursor: pointer;
}
div.sujet table tr.titre td {
	width: 250px;
}
div.sujet p.txtPrive {
	font-weight: bold;
	vertical-align: 4px;
	display: inline;
}
#lesResponsables {
	margin: 10px 0 0 50px;
}
p.listUser {
	margin-left: 100px;
}
#lesResponsables div.user label {
	margin-left: 5px;
	vertical-align: 4px;
	cursor: pointer;
}
#lesResponsables div.listG {
	float: left;
	padding-right: 10px;
}
#lesResponsables div.listD {
	float: left;
	border-left: 1px solid gray;
	padding-left: 10px;
}
.clear {
	clear: both;
}