@font-face { font-family: aachen; src: url('../include/fonts/aachen.ttf'); } 
body{
	width: 960px;
	margin: auto;
	font-family: arial;
	font-size: 12px;
	background: #FFF;
}

#logo{
	background-image: url('../images/logo.png');
	width: 470px;
	height: 142px;
	float: left;
}

#pubLike{
	float: left;
	height: 142px;
	color: #3b59b8;
	font-size: 13px;
	text-shadow : 1px 1px 1px #b9b9b9;
	font-weight: bold;
}

#menu{
	background-image: url('../images/menu.png');
	background-repeat: no-repeat;
	width: 946px;
	height: 47px;
	line-height: 47px;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	color: #3b59b8;
	text-shadow : 1px 1px 1px #b9b9b9;
}

#content{
	width: 960px;
	float: left;
	margin-top: 8px;
}

tr.top5{
	height: 50px;
	border: 1px solid #363636;
	background-image: url('../images/bgTop5.png');
	background-repeat: repeat-x;
	background-position: bottom;
}

tr.top5Title{
	height: 30px;
	border: 1px solid #363636;
	background-image: url('../images/bgTop5.png');
	background-repeat: repeat-x;
	background-position: top;
	color: #3b59b8;
	font-size: 12px;
	font-weight: bold;
	text-shadow : 1px 1px 1px #b9b9b9;
}

tr.top5 td{
	vertical-align: top;
	font-size : 10px;
	padding: 3px;
}

#index #zone{
	background-image: url('../images/zone.png');
	background-repeat: no-repeat;
	width: 316px;
	height: 114px;
	padding: 3px;
	float: left;
}

#pub300{margin-bottom: 6px;margin-top: 30px;}
#pub30040{margin-top: 19px;}
#aachen{font-family: aachen;font-size: 24px;text-transform: uppercase;font-weight: bold;background-image: url('../images/linkAachen.png');background-repeat: no-repeat;width: 640px; height: 84px;float: left;line-height: 40px;text-align: center;color: #2e2e2e;}
#champ{width: 640px;float: left;min-height: 20px;line-height: 20px;margin-bottom: 10px;}
#footer{
	background-image: url('../images/sepFooter.png');
	background-repeat: no-repeat;
	width: 946px;
	height: 50px;
	float: left;
	padding-top: 10px;
	text-align: center;
}


.pagination {
	display: inline-block;
	font-family: "Tahoma", Arial, sans-serif;
	font-size: 10px;
	line-height: 18px;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 20px;
	float: left;
}

.pagination .dots {
  bottom: -6px;
  color: #606060;
  position: relative;
}

.pagination a, .pagination .dots {
	display: inline-block;
	margin-right: 2px;
	padding: 2px 8px;
}

div.pagination a:hover {
	color: #303030;
}

div.pagination a:active {
	color: #585858;
}

.pagination a.number {
	border: 1px solid #ddd;	
	
	/* CURVED CORNERS */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.pagination a.number:hover {
	border-color: #d0d0d0;
	
	/* DROP SHADOWS */
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}

.pagination a.number.current {
	color: #fff;
}

.pagination a.number.current:hover {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.pagination a.number.current:active {
	/* INNER SHADOWS */
	-moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.3), inset 0px 1px 2px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.3), inset 0px 1px 2px rgba(0,0,0,0.15);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3), inset 0px 1px 2px rgba(0,0,0,0.15);
}

/* BLUE PAGINATION STYLE */
.pagination.blue, .pagination.blue a {
	color: #4fa3e0;
}

.pagination.blue a.number.current {
	background-color: #4fa3e0;
	border-color: #4b9ec9 #2e7fb4 #206fa8;
	text-shadow: 0px 1px 1px #206fa8;
	
	background: -moz-linear-gradient(top,
		#b5dfef,
		#7fc3df 5%,
		#4fa3e0
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#b5dfef),
		color-stop(0.05, #7fc3df),
		to(#4fa3e0)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#7fc3df', EndColorStr='#4fa3e0');
}

.pagination.blue a.number.current:hover {
	border-color: #4092c0 #1f68a1 #175e97;
	background-color: #3f91c0;

	background: -moz-linear-gradient(top,
		#aad9ec,
		#72bad9 5%,
		#3f91c0
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#aad9ec),
		color-stop(0.05, #72bad9),
		to(#3f91c0)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#72bad9', EndColorStr='#3f91c0');
}

.pagination.blue a.number.current:active {
	border-color: #206fa8 #2e7fb4 #4b9ec9;
	text-shadow: 0px -1px 1px #1f68a1;
	
	background: -moz-linear-gradient(top,
		#3f91c0,
		#72bad9
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#3f91c0),
		to(#72bad9)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#3f91c0', EndColorStr='#aad9ec');
}


a .appear1 {display:block;visibility: hidden;}
a:hover .appear1 {visibility: visible !important;position:relative;}
img.appear1 { border:0;}

h1{
	line-height: 14px;
	font-size: 14px;
	color: #222;
	text-shadow : 2px 2px 4px #888;
	margin-bottom: 40px;
}

#video{background:url('../images/over2.png'); z-index:500;min-height:194px;width:640px;position:relative}
#boutons{
	float:left;width:470px;margin-left:90px;margin-top:50px;overflow:hidden;display:inline;
}
#loader{
	float:left;width:470px;margin-left:90px;margin-top:1px;overflow:hidden;background-image: url('../images/loader.gif');backgroud-repeat: no-repeat;
}
#search{height: 22px;line-height: 22px;border: 1px solid #8a8a8a;width: 630px;padding: 5px;color: #444;margin-top: -1px;}
tr#search:hover{background-color: #f5f5f5;}



/* Propriétés générales du site par rapport à certaines fonctions qui ne changeront jamais. */
#index #zone a table{color: #000;}
#zone a{text-decoration: none;color: #3b59b8;}
a{text-decoration: none;color: #3b59b8;}
a:hover{text-decoration: underline;}
table{border-collapse: collapse;}
.right{float: right;}
.left{float: left;}
.middle{vertical-align: middle;}
.top{vertical-align: top;}
.blue{color: #3b59b8;}
img.vignette{border: 1px solid #333;}
#aachen a, a:hover{text-decoration: none;color: #2e2e2e;}
input[type=text]#search{height: 30px;-webkit-border-radius: 5px;border: 1px solid #8a8a8a;width: 628px;padding: 5px;color: #444;}
input[type=text]#search:hover{background-color: #f5f5f5;}
img.pub{margin-top: 5px;border: none;}
img.pub2{margin-bottom: 5px;border: none;}