body {
	margin: 0;
	background: url( '/images/bg-body.gif' ) repeat-x top center #0C0C0C;
}
* {
	outline: none !important;
	outline: 0 !important;
}
div.clear {
	clear: both;
}
img {
	border: 0;
}

#body {
	text-align: center;
	height: 100%;
}
#main {
	text-align: left;
	margin: 0 auto;
	width: 970px;
	height: 100%;
	background: url( '/images/bg-main.jpg' ) repeat-y top center;
}
#header {
	height: 101px;
	background: url( '/images/bg-header.gif' ) no-repeat top center;
}
#link-home {
	width: 380px;
	height: 80px;
	position: relative;
	top: -60px;
	left: 410px;
}


#main-layout {
	height: 100%;
	background: url( '/images/bg-main-layout.gif' ) repeat-y top center;
	clear: both;
}
#top-layout {
	background: url( '/images/bg-top-layout.gif' ) no-repeat top center;
}
#left-layout {
	padding-top: 15px;
	width: 724px;
	margin-left: 4px;
	float: left;
}
#right-layout {
	width: 242px;
	float: right;
}
#bottom-layout {
	background: url( '/images/bg-bottom-layout.gif' ) no-repeat bottom center;
}



#top-liste {
}

div.site {
	text-align: center;
	width: 211px;
	height: 215px;
	float: left;
	margin: 0 10px 10px 17px;
	background: url( '/images/bg-site.gif' ) no-repeat top center;
	
}
img.thumb {
	width: 200px;
	height: 150px;
	border: 1px solid black;
	margin-top: 5px;
}

/**
* fiche site 
*/
div.fiche {
	float: none;
	width: auto;
	margin: 0 auto;
	background: none;
}
img.fiche {
	width: 200px;
	height: 150px;
	border: 1px solid black;
	margin: 5px 5px 5px 20px;
	float: left;
}

div.description {
	font-size: 9pt;
	font-family: Verdana;
	line-height: 16pt;
}

div.fiche .description {
	float: right;
	width: 480px;
	padding: 0;
}

div.description p {
	font-size: 9pt;
	color: #999;
	line-height: 11pt;
	text-align: left;
}

div.site-description {
	display: none;
}


/**
* info bulle 
*/
#info-bulle {
	width: 258px;
	position: absolute;
	color: #FFF;
	border: 1px solid transparent;
	display: none;
}

div.info-top {
	background-color: #000;
	border: 1px solid transparent;
}
div.info-bottom {
	height: 16px;
	background: url( '/images/bg-description-bottom.gif' ) no-repeat bottom center;
	
}
div.info-texte {
	background: url( '/images/bg-description-top.gif' ) no-repeat top center;
	
}
div.info-texte p {
	margin: 0;
	padding: 10px;
	font-size: 8pt;
	font-family: Verdana;
	text-align: left;
	color: #FFF;
}












div.description span {
	font-weight: bold;
}
div.description span, div.description a {
	color: #FFF;
}
div.fiche a {
	color: #000;
}

p.fiche, p.stats {
	margin: 0;
	text-align: left;
	line-height: 11pt;
	float: left;
	font-weight: bold;
	font-size: 8pt;
	font-family: Verdana;
	color: #999;
}
p.fiche {
	width: 60px;
	padding-left: 15px;
}

div.fiche span {
	color: #000;
}
p.stats {
}
p.fiche a {
	color: #999;
}
div.site span {
	font-weight: normal;
}

div.boost-top {
	clear: both;
	padding: 20px 0;
	text-align: center;
}


#cadeau-top {
	height: 76px;
	width: 353px;
	background: url( '/images/bg-cadeau-header.gif' ) no-repeat top center;
	text-align: center;
	position: relative;
	top: 25px;
	left: 20px;
}
#cadeau-top p {
	font-family: Verdana;
	margin: 0;
}
#cadeau-top p.title-1 {
	font-size: 12pt;
	font-weight: bold;
	padding-top: 10px;
}
#cadeau-top p.title-2 {
	font-size: 10pt;
	padding-bottom: 5px;
}


#cadeau-top a {
	color: #FFF;
}


/**
* bloc boost droite 
*/
#boost-right p {
	margin: 0;
	text-align: center;
}

/**
* bloc droite nouveautes 
*/
#nouveautes img {
	margin-bottom: 15px;
}
#nouveautes p {
	font-family: Verdana;
	font-size: 12pt;
	margin: 0;
	text-align: center;
}
#nouveautes a {
	color: #FFF;
	text-decoration: none;
}
#nouveautes p.liste-site {
	padding: 15px 0;
}
#nouveautes p.liste-site a {
	text-decoration: underline;
}

/**
* bloc droite webmasters  
*/
#webmasters {
}

#webmasters p {
	text-align: center;
	font-family: Verdana;
	font-size: 10pt;
	color: #FFF;
	margin: 0 0 10px 0;
}
#webmasters a {
	font-size: 12pt;
	color: #FFF;
}

/**
* bloc cadeau droite 
*/
#cadeau-right {
}

#cadeau-right p {
	text-align: center;
	padding: 0 12px;
	font-family: Verdana;
}
#cadeau-right p a {
	color: #FFF;
}
#cadeau-right p.titre {
	font-size: 24pt;
	margin: 0;
}
#cadeau-right p.titre a {
	color: #FF0384;
	font-weight: bold;
}
#cadeau-right p.titre img {
	vertical-align: middle;
}
#cadeau-right p.titre2 {
	font-size: 13pt;
	margin: 15px 0;
	font-weight: bold;
}
#cadeau-right p.titre3 {
	font-size: 11pt;
	margin: 0;
	font-weight: bold;
	padding-bottom: 15px;
}


/**
* forms 
*/
div.webmaster {
	height: 100%;
	padding: 0 0 20px 5px;
}

div.form {
	margin: 0 auto;
	font-family: Verdana;
	width: 80%;
}

div.webmaster p {
	margin: 0;
	padding: 10px 0;
	font-size: 8pt;
	text-align: center;
	color: #333;
}
div.webmaster h2 {
	color: #111;
	font-family: Arial;
	font-size: 11pt;
	text-align: center;
	margin: 0;
	padding: 10px 0;
}

div.webmaster p.error {
	margin: 10px 0;
	font-weight: bold;
	color: #F00;
}
div.webmaster table {
	border-collapse: collapse;
}
div.webmaster th, div.webmaster td {
	padding: 3px 0;
}

div.webmaster th {
	color: #333;
	font-size: 9pt;
	width: 250px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
div.webmaster th span {
	font-size: 10px;
	color: #333;
	font-style: italic;
}
div.webmaster td {
	text-align: left;
	vertical-align: top;
	width: 350px;
}
div.webmaster input, div.webmaster textarea {
	font-family: Verdana;
	width: 250px;
	border: 1px solid #000;
	font-size: 12px;
}
div.webmaster textarea {
	height: 80px;
}
div.webmaster .field-error {
	background-color: red;
}
div.webmaster input.submit {
	width: auto;
}
div.webmaster a {
	color: #666;
}


#all-sites {
	font-family: Verdana;
}
div.list-sites {
	padding-left: 25px;
}

#all-sites p {
	font-size: 8pt;
	width: 33%;
	float: left;
	margin: 5px 0;
	text-align: left;
}
#all-sites a {
	color: #000;
}


.hidden {
	visibility: hidden;
}



div.rounded {
	background: url( '/images/bg-inner-rounded.gif' ) repeat-y left;
}
div.inner-rounded {
	background: url( '/images/bg-bottom-rounded.gif' ) no-repeat bottom left;
	padding-bottom: 15px;
}
div.inner-rounded-clean {
	background: url( '/images/bg-bottom-rounded-clean.gif' ) no-repeat bottom left;
	padding-bottom: 15px;
}

table.mes-sites {
	border-collapse: collapse;
	margin-left: 30px;
}
table.mes-sites th {
	text-align: right;
	vertical-align :top;
}
table.mes-sites th img {
	margin-right: 20px;
}
table.mes-sites td {
	text-align: left;
	vertical-align :top;
	font-family: Verdana;
	font-size: 10pt;
}