html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


body { line-height: 1.5; background: #fff; margin: 0; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }


body {
background-color:#F0ECC9;
background-image:url(../img/degrad.jpg);
background-repeat:repeat-x;
background-position:center top;

	color:#666666;
	font-family: Verdana, Arial;
	font-size: 75%;
}

a {
	color: #607293;
	text-decoration: none;
}

a:hover {
	color: #354158;
}

#wrapper {
height:100%;

	width: 860px;
	margin-left:auto;
	margin-right:auto;


}


#container {
position:relative;
float:right;

background-image:url(../img/entete.jpg);
background-repeat:no-repeat;


	width: 740px;
	margin-left:0px;
	padding-top: 0px;
	padding-left:0px;
	padding-bottom: 5px;
	padding-right:0px;
}

#imageMenu {

 margin-left:0;
 margin-top:0px;
	width: 100px;


}

#navigation {

 float: left;
	width: 120px;
	height:100%;


	background-image:url(../img/degrad2.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}




#bandeau {
background-image:url(../img/bandeau_s.png);
background-repeat:no-repeat;
height:70px;
margin-top:0px;
margin-bottom:0px;

}

#bandeau3 {
background-image:url(../img/bandeau-a.png);
background-repeat:no-repeat;
height:50px;
margin-top:0px;
margin-bottom:0px;

}
#bandeau4 {

background-image:url(../img/bandeau-b.png);
background-repeat:no-repeat;
height:50px;
margin-top:0px;
margin-bottom:0px;

}


#contenu {
margin-top:0px;
padding-top:0px;
padding-bottom:0px;
padding-left:40px;
padding-right:40px;
height:500px;
background-image:url(../img/container.jpg);
background-repeat:repeat-y;


}

#contenu2 {
padding-top:0px;
padding-bottom:0px;
padding-left:30px;
padding-right:30px;
background-image:url(../img/contenu2.jpg);
background-repeat:repeat-y;

}


#scroll {
background-color:#FFFFFF;
width:680px;
max-height:510px;
overflow:auto;



}

#bas {
height:40px;
background-image:url(../img/bas.png);
background-position:bottom;
background-repeat:no-repeat;


}

#liste_jeux {
margin-left:30px;
}

.contact {
text-align:right;
margin-top:43px;
margin-left:30px;

}

.photo {
margin-left:10px;
margin-top:10px;

}

.lettrine {
padding:0px;
margin-left:30px;
margin-top:0px;
margin-bottom:0px;
}


.facebook {
float:right;
padding:0px;
margin-right:20px;
margin-top:5px;
margin-bottom:0px;
}


#box1 {
	position:relative;
	padding:15px;
	float:right;
margin-top:0px;
margin-right:20px;
width:360px;
height:240px;

}

#box2 {
	position:relative;
	padding:15px;
	float:right;
margin-top:0px;
margin-right:0px;
width:220px;
height:240px;

}

#box3 {
	position:relative;
	padding:15px;
	float:left;
margin-top:20px;
margin-left:0px;
width:290px;
height:180px;
max-height:180px;

}

#box4 {
	position:relative;
	padding:15px;
	float:left;
margin-top:20px;
margin-left:20px;
width:290px;
height:180px;
}

#mention {
text-align:center;
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;

}

#tableau {
background-color:#FFFFFF;
height:500px;
overflow:auto;

}

#tabl_liens {
margin-left:75px;


}

#tabl_liens td{
border-bottom:solid #999999 1px;

}


a {
font:Arial, Helvetica, sans-serif;
font-style:italic;
font-size:inherit;
color:#0000FF;
}

p {
font:Arial, Helvetica, sans-serif;
color:#666666;
font-size:10px;
text-align:justify;
}

h2 {
font:Arial, Helvetica, sans-serif;
text-align:right;
font-style:italic;
background-image:url(../img/fleche.jpg);
background-repeat:no-repeat;
background-position:right;
padding-right:15px;
padding-top:0px;

}


h1 {
text-transform:uppercase;
font:Arial, Helvetica, sans-serif;
color:#666666;
font-style:oblique;
background-image:url(../img/h1.jpg);
background-repeat:no-repeat;
background-position:bottom left;
height:23px;
padding-left:20px;
margin-bottom:6px;

}

h3 {
text-transform:uppercase;
font:Arial, Helvetica, sans-serif;
color:#666666;
font-style:oblique;
background-image:url(../img/h3.jpg);
background-repeat:no-repeat;
background-position:bottom left;
height:23px;
padding-left:20px;
margin-bottom:6px;

}



h1:first-letter, h3:first-letter {
color:#666666;
font-size:16px;
}

.floatright {
float:right;
margin:5px;
}

.floatleft {
float:left;
margin:5px;
}

#actualites {
color:#FF0000;
}



.tip {
	background-color: #333;
	padding: 0px;
}




.tip-title {
	color: #fff;
	background-color: #666;
	font-size: 20px;
	padding: 3px;
}

.tip-text {
	color: #fff;
	padding: 3px;
	border: #000000 solid 1px;
}

.ind {
	width: 200px;
	background-color: #666;
	color: white;
	padding: 15px;
	border-bottom: 1px solid white;
}

#hide {
	margin-bottom: 20px;
}