/* * {  some philosophers say it's bad : http://css-tricks.com/margin-0-padding-0-no-longer-cool/ *
  margin: 0;
  padding: 0;
} */

body {
    font-size:90%;
    font-family: "Verdana", Times, Sans-serif;
    
    /* font-family: "Arial", Times, Sans-serif; */
    background: rgb(180,180,180) ;/*url("images/randomFond3_2.jpg") no-repeat center top;*/
    background: rgb(190, 206, 245);
    background-attachment: fixed;
    background-size: 100%;
    
    margin: 0;
    padding: 0;
    
    text-align: justify;
    color: rgb(60,90,120);
}

.titre {
    text-align: center;
}

a {
    text-decoration:none;
    /* color: rgb(0,100,240) ;/*rgb(150,150,250);*/ */
}

a:hover {
    color: rgb(0,100,200) ;
    /* color: rgb(0,240,240) ; */
    /* background: rgb(30,30,30) ; */
}

/* a:visited{
    color: rgb(0,150,240) ;
} */ /* FOR SOME SPECIFIC CASES BUT NO GLOBAL CHANGE */

li a {
    /* color: green; */
}


.Qlist {
    margin-right: 0px;
    margin-left: auto;
    cellpadding="0";
    width="100%";
}

table {
    bg: pink;
    width: 100%;
}

.metasection {

   margin-left: auto;
   margin-right: auto;
   margin-bottom: 80px;
   
    width: 75%;/*75?*/
    min-width: 400px;
    max-width:800px;
}

section {
    /* display: inline-block;
    vertical-align:top; */
    /* background-color: rgb(0, 0, 0); */
    background-color: rgb(255, 255, 255);/*, 0.85);*/
    border-bottom: 2px solid rgb(100,100,100);
    
    padding: 10px;
    /*opacity: 0.8;*/
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    min-width:200px;
}

.newssection {
/* display: inline-block;
    vertical-align:top; */
    /* background-color: rgba(40, 20, 50, 0.4);
    margin-top: 10px;
    margin-bottom: 10px;
    border: solid 1px red; */
/*     color:rgb(0,100,240);
 */}

.metanav{
    /* background:rgb(10,20,130);/*0,30,80 */
    /* background: rgb(255, 255, 255); */
    /* background: rgba(255, 255, 255,0.5); */
    /* border-top: 1px solid rgb(5,25,55) ; */
    /* margin-top: 10px; */
    /* margin-bottom: 10px; */
}

nav {
    margin-left: auto;
    margin-right: auto;
    
    text-align: center;
    /* display: inline; */
    /*width: 12%;
    min-width: 150px;
    vertical-align: top;*/
}

nav a {
    /*color: rgb(100,150,250);*/
    color: rgb(60,90,120);
	
    padding-top:10px;
    padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
}

/*td {
    padding-top:1px;
    margin-top:1px
    padding-bottom:1px;
    margin-bottom:1px
}*/

.but {
	border: 1px solid rgb(151,157,191);
	border-radius: 4px;
	background-color: rgba(171,177,191,0.5);
}

.butSpecial {
	border: 2px solid rgb(151,157,211);
	border-radius: 4px;
	background-color: rgba(171,177,211,0.7);
}

/* FOR VOTE BUTTONS*/
.butVote {
	border: 1px solid rgb(80,40,40);
	border-radius: 4px;
	background-color: rgba(80,40,40,0.2);
	margin-left: auto;
    margin-right: auto;
	padding-left:10px;
	padding-right:10px;
    
    text-align: center;
}

.butVoteFP {
	border: 1px solid rgb(80,40,40);
	border-radius: 2px;
	background-color: rgba(80,40,40,0.2);
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left:3px;
	padding-right:3px;

    text-align: center;
}

nav li {
    display: inline-block;
    list-style: none; /* pour enlever les puces sur IE7 */
/*     margin-left: 10px;
    margin-right: 10px; */
	vertical-align:middle;
	/* line-height:normal; */
	margin-bottom: 15px; 
	margin-top: 15px; 
}

nav li  :hover{
    background-color: rgb(151,157,191);/*rgba(200,200,200,0.5);*/
}

/* FOR VOTE BUTTONS*/
table a {
	color: rgb(60,20,20);
}

table li {
    display: inline-block;
    list-style: none; /* pour enlever les puces sur IE7 */
/*     margin-left: 10px;
    margin-right: 10px; */
	vertical-align:middle;
	color: rgb(60,20,20);

}

table li :hover{
	background-color: rgba(80,40,40,0.4)
}

/* COMMENT STUFF */

.commentname {
   padding: 7px;
   max-width: 100px;
}

.commentitem {
   /*background-color: rgb(100, 100, 100);*/
   width: 75%;
   max-width: 800px;
   padding: 7px;
   border-left: 2px rgb(60,60,60) solid;
}

.littletime {
    padding: 7px;
    font-size: 80%;
    color: rgb(60,60,60);
}

/* .content
{
opacity: 1;
} */



h1
{
    /* font-style: italic; */
    
    font-size:120%;
    font-weight: normal;

    text-align: center;
    border-bottom: 1px solid rgb(60,90,120);
    /*border: 1px rgb(0,100,240) dashed;*/
    /* width: 50%; */
    min-width: 200px;
    padding: 10px; /* Marge interieure de 12px */
    margin: 4px;
}

h2, h3
{
    font-weight: normal;
}

h2
{
    font-style: italic;
    font-size:110%;
}

h3
{
    font-size:100%;
}

/* .newssection h1 {
    border-bottom: 2px solid rgb(0,100,240);

} */

.pdate{
    width: 13%;
    font-size:80%;
}

.pauthor {
   /* width: 10; */
       text-align: right;

}

.flotte {
    float:left;
    padding:5px;
}

.quote
{
    /* font-family: "Lucida Console", Times, Sans-serif; */
    /* font-family: "Courrier New", Times, Monospaced; */
    font-family: "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
    border: 1px dotted;
    width: 96%;
    color: green;
    background: rgb(200,200,200); 
    /* background: rgb(0,0,0);  */
    padding: 6px; /* Marge interieure */
    margin: 2%;
    
	border-radius: 5px;
}

/* .xplain {
	font-size:80%;
}

.xplain :active{

} */

.quote:hover
{
    background: rgb(170,170,170);
}

.quotent    /*Avoir une coloration en fonction de la sous-categorie*/
{
    /* font-family: "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif; */

    border: 1px dotted;
    
    font-size:120%;
	border-radius: 5px;
    width: 94%;
    color: green;
    background: rgb(200,200,200);
    padding: 6px; /* Marge inteieure de 12px */
    margin: 2%;
}

.quauthor
{
    text-align: right;
}

.formvote
{
    /*border-left: 2px solid black;
    border-right: 2px solid black;*/
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 6px;
    border: 1px solid rgb(60,90,120);
    /*border-left: 1px solid rgb(60,90,120);
    border-top: 1px solid rgb(60,90,120);
    border-right: 1px solid rgb(60,90,120);*/
    /* width: 45%; */
    min-width: 200px;
	max-width: 600px;
    /*background: rgba(0, 0, 200, 0.1);*/
}

.formcomment
{
    display: inline-block;
    vertical-align: top;
    padding: 6px;
    /*border-top: 1px solid blue;*/
    /*border-bottom: 1px solid blue;*/
    border: 1px solid rgb(60,90,120);
    /* width: 40%; */
    min-width: 200px;
	max-width: 600px;
    /*background: rgba(0, 0, 100, 0.2);*/
}

.minimeta
{
    font-size: 80%;
    color: rgb(60,60,60);
}

.yourTurn
{
	color: rgb(60,20,20);
}


#footer {
    font-size: 75%;
    /* background-color	: rgba(180,180,180,0.8);  */

    /* position			: fixed;
    bottom				: 0;
    left				: 0;
    right				: 0;
    height				: 55px; */
}


#staytuned {
    position			: fixed;
    right				: 10;
    bottom              : 100;
}

/* Yellow */

/*.yellow-tooltip span
{

  border-color: #e1ca82;
  background-color: #ffeaa6;                     
}

.yellow-tooltip span:after
{ 
  border-top-color: #ffeaa6;
}

.yellow-tooltip span:before
{
  border-top-color: #e1ca82;
}*/

.tooltip
{
  position: relative;
  /*background: #eaeaea;*/
  /*cursor: help;*/
  display: inline-block;
  text-decoration: none;
  /*color: #222;*/
  outline: none;
}

.tooltip span
{
  visibility: hidden;
  font-size:60%;
  position: absolute;
  bottom: 30px;
  left: 50%;
  z-index: 999;
  width: 230px;
  margin-left: -127px;
  padding: 10px;
  border: 2px solid #ccc;
  opacity: .8;
  background-color: #ddd;
  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  text-shadow: 0 1px 0 rgba(255,255,255,.4);
}

.tooltip:hover
{
  border: 0; /* IE6 fix */
}

.tooltip:hover span
{
  visibility: visible;
}

.tooltip span:before,
.tooltip span:after
{
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;
  border-top: 8px solid #ddd;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 0;
}

.tooltip span:before
{
  border-top-color: #ccc;
  bottom: -8px;
}