* {margin:0;padding:0;font-size:100%;}
table {  border-collapse: collapse;  border-spacing: 0;}
img {border:none;}
h1, h2, h3, h4, h5, p, ul {margin:14px 0;}
h1 {font-size:22px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
ul {list-style-type:none;}
body {font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:12px;text-align:center;color:#303030;margin:0}
.alignleft {float:left;}
.alignright {float:right;}
.center {text-align:center;}
img.centered{display: block;margin-left: auto;margin-right: auto;}
img.alignleft{margin: 3px 10px 2px 0; }
img.alignright{ margin: 3px 0 2px 10px; }
img.alignleft, img.alignright{	padding: 4px;	border: 1px solid #eee;	display: inline;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
input, button, select {vertical-align: middle;}
p {margin:15px 0;line-height:160%;}
li {line-height:160%;}
a:link, a:visited {color:#46aabe;text-decoration:none;}
a:hover {color:#303030;text-decoration:none;}

#pagination span {display:block;}
#page {width:990px;margin:0 auto;text-align:left;}
#wrapper {margin:0 18px;}
#content {float:left;width:674px;}
#sidebar {float:right;width:260px;}
#footer {clear:both;text-align:center;}

body {background:url("img/bg.png") repeat-x top #E4F6FB;}
#header {height:297px;background:url("img/header.jpg") no-repeat top;position:relative;}
#header h1 {margin:0;}
#header h1 a {display:block;overflow:hidden;position:absolute;top:68px;left:150px;width:374px;height:116px;text-indent:-5999px;}
#catcher {position:absolute;top:15px;left:367px;width:618px;height:235px;}
#catcher form input.txt {position:absolute;top:92px;left:59px;text-align:center;width:544px;height:39px;font-size:28px;color:#303030;font-family:"trebuchet MS", arial;border:none 0;background:#FFF;}
#catcher form input.submit {position:absolute;top:156px;left:45px;width:574px;height:79px;background:url("img/catcher-bouton.gif") no-repeat top;border:none;cursor:pointer;}
#catcher form input:hover.submit {background-position:bottom;}
#player .bigthumb {position:absolute;top:22px;left:111px;}
#player .thumb {position:absolute;left:15px;border:1px solid #c0e5f0;}
#player .thumb1 {top:23px;}
#player .thumb2 {top:92px;}
#player .thumb3 {top:161px;}


#page {background:url("img/page.png") repeat-y 4px 0;}
#footer {min-height:152px;background:url("img/footer.png") no-repeat top #E4F6FB;padding:0;color:#46aabe;font-size:11px;}
#footer a {color:#46aabe;font-weight:bold;}
#footer p.copy {text-align:left;margin:0;padding:40px 10px 20px;}
#footer p.stats {text-align:right;float:right;font-size:10px;color:#46aabe;margin:0;padding:40px 10px 20px;}

/*sidebar*/
.sidebox {width:240px;margin:15px auto;}
.sidebox h3 {background:url("img/sidebox-top.png") no-repeat top left;height:24px;line-height:24px;padding-left:10px;color:#FFF;font-size:12px;font-weight:bold;text-transform:uppercase;font-family:"trebuchet MS", Arial;margin:0;}
.sidebox ul {margin-top:4px;}
.sidebox ul li {border-bottom:1px solid #e4f6fb;padding-left:10px;}
.sidebox ul li a {font-weight:bold;}
#sideboxCat ul li {width:105px;float:left;}

/*sites*/

	ul#listeSites {margin:10px 0px;}
	ul#listeSites li {margin-bottom:15px;padding-top:10px;}
	ul#listeSites li .siteThumb {width:130px;height:100px;float:left;margin-left:10px;}
	ul#listeSites li .siteThumb a img {border:1px solid #8cdaef;background:#FFF;padding:1px;}
	ul#listeSites li a.siteTitle {font-size:18px;font-family:"trebuchet MS";color:#fff;background:url("img/site-title.png") no-repeat left #4fb4c8;display:block;padding-left:12px;line-height:23px;}
	ul#listeSites li a:hover.siteTitle {background:#4fb4c8;}
	ul#listeSites li .siteDesc {float:left;width:526px;}
	ul#listeSites li .siteDesc p {margin:5px 0 5px 10px;font-size:11Px;}
	ul#listeSites li p.siteInfos {margin:0;color:#74716a;font-size:11px;line-height:20px;padding:0 10px;clear:both;}
	ul#listeSites li p.siteInfos a {font-weight:bold;}
	
	#pagination {font-size:11px;padding:10px 0;margin:0 30px;}
	#pagination a {padding:2px 6px;margin:0 2px;background:#40A4B8;font-weight:bold;border:1px solid #40A4B8;color:#fff;}
	#pagination strong.on {padding:2px 6px;border:1px solid #8cdaef;color:#40A4B8;background:#eee;}
	
	ul#listeSitesDetail {height:112px;overflow:hidden;}
	ul#listeSitesDetail li {float:left;width:130px;height:110px;}


/*divers*/
.pub {text-align:center;margin:10px 0;}
.pub p {margin:5px 0;}
.pub a img {}
#content h2 {font-size:18px;font-weight:normal;font-family:"trebuchet MS", Arial;font-style:italic;color:#303030;padding-bottom:6px;border-bottom:1px solid #c4e3e9;}
p.important {background:#ff4f49;color:#FFF;padding:4px;font-weight:bold;}
ul.regles {width:500px;margin:10px auto;text-align:left;}
ul.regles li {padding-left:20px;background:url("img/important.png") no-repeat left;}
.SitesIndexContent {margin:15px 10px;}
.SitesIndexHead {margin:10px;}
/*formulaires*/
form.webmasterForm {width:560px;margin:0 auto;}
form.webmasterForm fieldset {border:1px dotted #CCC;padding:10px;}
form.webmasterForm p {margin:5px 0;clear:both;height:25px;}
form.webmasterForm label {	display:block;float:left;padding:3px 0;width:160px;font-weight:bold;text-align:left;}
form.webmasterForm label.error { display:block;float:right;text-align:right;color:red;width:260px;}
form.webmasterForm .input {display:block;float:left;font-size:11px;margin:5px 0 7px;padding:3px;width:260px;}
input.button {width:160px;background:#ff0090;border:1px solid #000;color:#FFF;font-weight:bold;padding:3px;cursor:pointer;font-size:11px;}
a.back {padding:3px;display:block;width:154px;margin:5px auto;border:1px solid #DDD;background:#EEE;}