

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 
table { 
	border-collapse:collapse; 
	border-spacing:0; 
} 
fieldset,img {  
	border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style:normal; 
	font-weight:normal; 
} 
ol,ul { 
	list-style:none; 
} 
caption,th { 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after { 
	content:''; 
} 
abbr,acronym {
	border:0; 
}
/*---------- END RESET ----------*/

/*--Bleu = 578ABE ------*/



/*---------- BASE ----------*/

body {
	background-color:#FFF; font:77% arial, sans-serif; color:#000; text-align: center; padding:0 1em;
	margin: 0 ;
	background-image:url(../images/fond_siteALL.png); background-repeat:repeat-x;
}


/*---------- TYPO ----------*/


h1 {font:normal 36px "arial black",arial,sans-serif; color:#000; margin-bottom:5px; line-height:100%;letter-spacing:-2px; margin: 8px 0 30px 0;}
h3 {font:normal 19px "arial black",arial,sans-serif; color:#FFF; margin-bottom:5px; line-height:100%; margin: 10px 0 15px 0; text-indent:10px; background-image:url(../images/fond_h3.png); width:900px; letter-spacing:-1px;}

#col2 h2 {
font:normal 20px arial,sans-serif; color:#56554e; margin-bottom:5px; line-height:135%;letter-spacing:-1px;
background:#e0dfd0; padding:10x; width:270px; text-indent:6px; 

}

#col2 h4 {
font:bold 19px arial,sans-serif;  margin-bottom:5px; line-height:100%; margin: 10px 0 15px 0; letter-spacing:-1px; color:#0099CC; }
/* QUESTIONS */
#questions a, a:link, a:visited {text-decoration:none; color:#000; cursor:pointer; outline-style:none}
#questions  a:hover, a:focus {text-decoration:underline; color:#00c;}
#questions  a img {border:none; float:left;}


#questions li {
border-top: 1px dashed #a7c4d1; 
font-family:	"Lucida Grande", Geneva, Arial, sans-serif;
font-size:12px;
list-style-type:none;
padding:5px;
}

/* PGINATION */
#pagination {
margin: 15px 0 25px 300px;
}
 
#pagination ul{
border:solid 1px #FFF;

}

#pagination li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
margin-right:2px;

}
#pagination a{
border:solid 1px #9aafe5
margin-right:2px;
}
#pagination .previous-off,
#pagination .next-off {
border:solid 1px #DEDEDE
color:#888888
display:block;
float:left;
font-weight:bold;
margin-right:2px;
padding:3px 4px;
}
#pagination .next a,
#pagination .previous a {
font-weight:bold;
} 

#pagination .active{

background:#6699CC;
color:#666;
font-weight:bold;
display:block;
float:left;
padding:1px 1px;
}

#pagination a:link,
#pagination a:visited {
color:#FFF
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}

#pagination a:hover{
border:solid 1px #000;
background-color:#0066CC;
font-weight:bold;
color:#FFFFFF;
}


input {
margin:5px 0 10px 0;
}


label {
font-weight:bold;
text-indent:10px;
padding-top:3px;
padding-bottom:10px;
}


em {
font:normal 12px arial; color:#666; line-height:25px; padding-bottom:10px;}


.bouton {
margin: 10px 0  0 600px;

}

/*---------- POSITION ----------*/

.clear {clear: both; margin: 0px}


	 
#principal{
width:950px;
background-color:#FFFFFF;
margin: 0 auto;
text-align: left;
	 }

#haut {

}

#col1 {
width:580px;
float:left;
}




#col2 {
width:280px;
float:right;
margin-top:15px;
}

#bas {
border-top: 1px solid #990000; 
}

#bas ul { 
 float: left;  display:block; 
 margin:15px 0 0 0px;

} 

#bas li { 
 margin: 0;  padding: 0 0px 0 9px;  list-style-type:none;  float: left;  display:block; 
} 



#bas li a { 
font-size:11px; font-weight:bold; color:#999999;  float: left;  text-decoration: none;  text-align: center; 
} 

#bas li a:hover {
color:#000000; text-decoration: underline; 
} 


#question {
background-image:url(../images/fond_question.jpg);
height:300px;
}

#formacc {
padding-left:50px;
padding-top:170px;
}

#contenu {
margin-left:15px;
}



textarea{
border-style:none;
font:normal 12px "arial black",arial,sans-serif; color:#666;
}


.rappelquestion {
font-family:georgia,serif;font-weight:normal;color:#868585; font-size:24px; padding-left:115px; margin:15px 0 10px 5px; min-height:150px;
background-image:url(../images/interrogation.png); background-repeat:no-repeat;
}


/* Ajout Patrice */

#populaire li {
	border-bottom:1px dashed gray;
	margin-bottom:6px;
}

#populaire li a:hover {
	background-color:#eeeeee;
}

.reponse {
	margin:10px;
	padding:10px;
	border: 1px dashed gray;
	border-width: 0 1px 1px 0;
}

.reponse .voter {
	display:inline;
	float:left;
	margin:0 4px 1px 0;
}
