body {
	margin:0px auto;
	background: white;
}

body, select, td, input, div, textarea{
	font: 11px "Trebuchet MS", Verdana, Times New Roman, Times, serif;
}
p {
	margin-top: 0;
	padding-top: 0;
	text-align: justify;

}
form {
	margin: 0;
	padding: 0;
	border: 0px solid #FFF;
}
input, textarea {
	background: #FFF;
	color: #000;
	border: 1px solid #000;
	padding-left: 2px;
}

img{
border:0px;
padding:0px;
margin:0px;
margin-right:-4px;
margin-bottom:-2px;
}



.clear {
	clear: both;
	height: 0px;
	padding: 0; 
	margin: 0;
	font-size: 0;
	visibility: hidden;
}
#container{
margin: 0px auto;
width: 980px;
min-width: 980px;
margin-top: 0px;
padding:0px;
position:relative;
z-index:1;
overflow: hidden;
}

#bas {
	padding:0px;
	clear: both;
	margin:0px auto;
}
#dhtmltooltip {
	position: absolute;
	left: -300px;
	border: solid 1px #CCC;
	padding: 4px;
	color: #FFF;
	background: #FFF;
	visibility: hidden;
	z-index: 100;
}
#dhtmltooltip img {
	margin-top: 0px;
}
#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

strong{
font-weight:normal;
}
.up, #evt1, #evt0{
width:36px;
height: 33px;
background: url(../img/puces/up.png) no-repeat;
display: block;
}
#evt0{
background: none;
}
.up:hover{
background: url(../img/puces/up-over.png) no-repeat;
}
.down{
width:36px;
height: 33px;
background: url(../img/puces/down.png) no-repeat;
display: block;
}
.down:hover{
background: url(../img/puces/down-over.png) no-repeat;
}

.previous{
width:32px;
height: 37px;
background: url(../img/puces/previous.png) no-repeat;
display: block;
float: left;
}
.previous:hover{
background: url(../img/puces/previous-over.png) no-repeat;
}
.next{
display: block;
float:left;
width:32px;
height: 37px;
background: url(../img/puces/next.png) no-repeat;
}
.next:hover{
background: url(../img/puces/next-over.png) no-repeat;
}
/****************************SITE****************************/

h1, h2, h3{
padding:0px;
margin:0px;
font-size: 18px;
color:#333333;
margin-top: 13px;
}
strong{
font-weight: bolder;
letter-spacing: 0.4px;
font-size: 12px;
color: #6FC700;
}
i{
color:#999999;
}
.imgAttente{
display:none;
}

.right{
float:right;
}
.left{
float:left;
}
ul{
margin: 0px;
padding: 0px;
}
ul{
margin-top: 10px;
}
.ssmenu li, .in-info a span{
margin-left: 20px;
padding-left: 15px;
list-style-type:none;
}
a, a:link, a:visited{
color:black;
font-style: italic;
text-decoration: none;
}
a:hover, a:focus, a:active{
color :#6FC700;
text-decoration: none;
}
tr,td{
margin: 0px;
padding: 0px;
}

/****************************JEUX-DE-ROLES.INFO****************************/
.jeux-de-roles{
width: 173px;
height:50px;
display: block;
background: url(../img/jeux-de-roles.png) no-repeat;
}

.header {
width: 940px;
margin-top: 20px;
height:50px;
}
.header .jeux-de-roles{
float:left;
margin-left:50px;
}
.header .phrase{
float:left;
margin-left:50px;
margin-top: 13px;
}

.header .menu{
height: 50px;
/*background: url(../img/bg-gris/top.gif) 100px bottom no-repeat;*/
float: left; 
padding-bottom: 15px;
}
.header .menu a{
display: block;
width: 96px;
height: 17px;
background: url(../img/venez-essayer.gif) no-repeat;
margin-left:70px;
margin-top: 23px;
}
#contenu{
clear: both;
width:948px;
margin:0px auto;
}
#contenu .partie, #contenu .partie .bgt, #contenu .partie .bgl, #contenu .partie .bgb, #contenu .partie .bgr, #contenu .partie .bgtl, #contenu .partie .bgtr, #contenu .partie .bgbl, #contenu .partie .bgbr, #contenu .partie .white {
width:945px;
height:300px;
margin: 0px;
}
#liens {
margin: 0px auto;
background: #F7F7F7;
clear: both;
position: relative;
top:-40px;
z-index:0;
}
.white{
background: white;
}
#liens .white{
width: 935px;
height:25px;
margin: 0px auto;
margin-left: 2px;
}
.liens{
width:940px;
height:300px;
margin: 0px auto;
color:#333333;
padding-top: 30px;
}
.liens h2{
margin-top:20px;
margin-left:50px;
font-weight: bold;
font-size:18px;
}
.liens h3{
font-size: 14px;
margin-top: 20px;
}
.liens a{
color: #6FC700;
font-weight: bold;
font-size: 12px;
text-decoration: none;
display: block;
margin-top:10px;
}


.liens .decouvrir, #liens .debuter, #liens .jouer{
float: left;
width: 30%;
margin-left:15px;
margin-right: 15px;
}
#footer {
clear: both;
margin: -40px auto;
background: #EAEAEA;
}
#footer .jeux-de-roles{
clear: both;
margin: 0px auto;
}
#footer .copyright{
clear: both;
}



.elfe{
display: block;
width: 32px;
height:32px;
background: url(../img/puces/elfe.png) left no-repeat;
}
.phrase{
width: 460px;
height:32px;
background: url(../img/phrase.png) right no-repeat;
margin-left:20px;
margin-top: 13px;
}
.phrase .elfe{
width: 380px;
padding-top:10px;
padding-left: 80px;
height:22px;
}
.bgt{
background: url(../img/bg-blanc/bg-t.gif) top repeat-x;
}
.bgl{
background: url(../img/bg-blanc/bg-l.gif) left repeat-y;
}
.bgr{
background: url(../img/bg-blanc/bg-r.gif) right repeat-y;
}
.bgb{
background: url(../img/bg-blanc/bg-b.gif) bottom repeat-x;
}
.bgtl{
background: url(../img/bg-blanc/bg-tl.gif) left top no-repeat;
}
.bgtr{
background: url(../img/bg-blanc/bg-tr.gif) right top no-repeat;
}
.bgbl{
background: url(../img/bg-blanc/bg-bl.gif) left bottom no-repeat;
}
.bgbr{
background: url(../img/bg-blanc/bg-br.gif) right bottom no-repeat;
}

.gris{
background:#F2F2F2;
}
.bggtl{
background: url(../img/bg-gris/bg-tl.gif) left top no-repeat;
}
.bggtr{
background: url(../img/bg-gris/bg-tr.gif) right top no-repeat;
}
.bggbl{
background: url(../img/bg-gris/bg-bl.gif) left bottom no-repeat;
}
.bggbr{
background: url(../img/bg-gris/bg-br.gif) right bottom no-repeat;
}


.leftarrow{
display: block;
width:32px;
height:32px;
background: url(../img/puces/left.gif) left no-repeat;
float: left;
}
.rightarrow{
display: block;
width:32px;
height:32px;
background: url(../img/puces/right.gif) left no-repeat;
float: right;
}
#contenu .dossier{
color: #6FC700;
font-style: italic;
text-decoration: none;
display: block;
text-align: right;
padding-right: 10px;
clear: both;
}