/* CSS Document */

body {
background-color:#C4EEFA; background-repeat:no-repeat; background-position: center top;	background-image: url(../images/fndj.jpg);
font: 70% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	line-height: 18px;
}
#ctn { width:950px; height:auto; margin:auto; padding: 7px 0 10px 7px;}
#header{ width:auto; height:220px; }
#menu{ width:935px; height:30px; margin: auto 5px; font-size:16px}


#btn {
	float: left;
	font: 67.5% tahoma;
	margin: 2;
	padding: 0;
}
#btn a {
	background: #000000 url("../images/seperator.gif") bottom right no-repeat;
	color: #FFFFFF;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}
#btn a:hover {
	background: #0066CC url("../images/hover.gif") bottom center no-repeat;
	color: #fff;
	padding-bottom: 8px;

}




#site{ width:auto; height:100%;  padding: 10px 8px 0 10px; margin:10px 6px auto 0px; background-color:#DCD6BF;  overflow: hidden; } /*background-color:#DCD6BF;*/
h2 { color:#003399; margin:4px 0 4px 0; text-decoration:none; font: large Verdana, Arial, Helvetica, sans-serif; }
h3 { padding:0; margin:4px 0 4px 0; color:#003399; text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; }
#site img { background:#FFFFFF; padding:2px; border:1px #CCCCCC solid; margin:0 7px 7px 0; }
#site a { color:#003399; text-decoration:none; }
#site a:hover { color:#000000; text-decoration:none; }
#site a:visited { color:#003399; text-decoration:none; }
#milieu{ width:430px; height:100%; padding: 5px; float:right; background-color:#2c2c2c;   margin: 0 0 5px 0px;}
#gauche{ width:160px; height:100%; padding: 0px;  margin: 0 0 5px 0px;  float:left;  background-color:#2c2c2c; }
#droite{ width:300px; height:100%; padding: 5px; background-color:#2c2c2c; margin: 0 0 5px 10px; float:right; }

#cat-milieu{ width:580px; height:100%; padding: 5px; float:right; background-color:#2c2c2c; }
#cat-droite{ width:150px; height:100%; padding: 5px; background-color:#2c2c2c; margin: 0 0 0 10px; float:right; }

#jeux-milieu{ width:745px; height:100%; padding: 5px; float:right; background-color:#2c2c2c; }



#aut{ width:auto; padding:5px; margin: 0 0 10px 0; text-align:justify; overflow: hidden; }
#aut hover{ width:auto; padding:5px; margin: 0 0 10px 0; text-align:justify; overflow: hidden; border:1px solid #000000 }
#aut li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 1px 0px;
	list-style: square;


}









.contact label {
	float: left;
	text-align: left;
	width: 190px;
	margin:2px 0 2px 0;
	padding:0px 0 0px 10px;
}
.contact labelp {
	float: left;
	overflow:hidden;
	width: 400px;

	height:auto; 
}

.contact input  {
	padding: 2px;
	width: 170px;
	font-family: Arial;
	font-size: 12px;
	margin: 0px 0px 5px 0px;

	height: 18px;


}

.contact textarea {
	width:200px;
	height: 124px;

	padding: 2px;

	font-family: Arial;
	font-size: 12px;
	margin: 0px 0px 10px 0px;

}

#aut form {
	float:left;
	width: auto;
	background: white;
	height: auto !important;
}


form { padding:0px 0; margin:0; float:left; }


.button {

color:#FFFFFF; 
border-bottom:1px solid #333;
border-right:1px solid #333333;
border-top:1px solid #CCC;
border-left:1px solid #CCC;
text-align:center;
cursor:pointer;
	height:23px;
	width:100px;
	background: url(../images/bt.jpg) repeat-x;

}















#tit{ width:auto; padding:5px; text-align:left; background: url(../images/tit.jpg) #000 no-repeat right; border:1px solid #DEDBD1; color:#FFF; font-weight:bold;  font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:14px;}

#tit a {
	text-decoration: none;
	color: #fff;
}
#tit a:link {
	text-decoration: none;
	color: #fff;
}
#tit a:visited {
	text-decoration: none;
	color: #fff;
}
#tit a:hover {
	text-decoration:none;
	color: #fff;
}



.bg1{background: bottom url(../images/bg_5.png) #FFFFFF repeat-x ;}
.gris{background-color:#F5F5F5;}
.gris1{background-color: #666666;}
.noir{background-color: #2c2c2c;}
.blan{background-color: #FFFFFF; border-bottom:2px solid #000000}
.jn{ background: #FFFFD7; color: #666666;  }


form { padding:10px 0; margin:0; }
.input { width:170px; height:18px; background-color:#D7F2FF}
.button { width:110px; height:25px; background-color: #003366; color:#FFFFFF;  }


img.gauche {float: left;display: block; clear:both;}





#paginationg { padding:1px; margin:1px; border:#39a9ca solid 1px;  float: left; background-color:#FFFFFF; }
#pagination { padding:4px 7px; margin:0px; border:#FFF solid 1px;  float: left; background-color:#39a9ca; color:#FFFFFF;}

#pagination1 { padding:4px 7px; margin:0px; border:#FFF solid 1px;  float: left; background-color:#fff; color:#2155AF;}
#pagination a:link{color:#FFF;}
#pagination a:visited{color:#FFF;}


#menu-v {
	background: #333;
	float: left;
	list-style: none;
	margin: 0px 0;
	padding: 5px;
	width: 150px;

}
#menu-v li {
	margin: 0px 0px;
	padding: 0px 0px 1px 0px;


}
.clk {
	border-bottom: 1px solid #000;
	background: #2580a2;
	color: #fff;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}

#menu-v a {
	background: #FFF;
	border-bottom: 1px solid #000;
	color: #000;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}
#menu-v a:visited {
	background: #FFF;
	border-bottom: 1px solid #000;
	color: #000;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}
#menu-v a:hover {
	background: #2580a2;
	color: #fff;
	padding-bottom: 8px;
}




#footer a { color: #0099FF; text-decoration:none; }
#footer a:hover { color:#FFFFFF; text-decoration:none; text-decoration:underline }
#footer a:visited { color:#0099FF; text-decoration:none; }