/* Topitop.net */
/* REV 1.0 du 02/11 */

/* ------------------------------------ */
/*            Généralités               */
/* ------------------------------------ */

body {
	background: #acacac url(images/fond.jpg) repeat-x 0 0;
	font: normal 77% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: black;
	margin: 0;
	padding: 0 0 0em 0;
	text-align: left;
}

#site {
    margin:0 auto;
	width: 1100px;
	background: url(images/fond.jpg) repeat-y top center;
}


.clear {
	clear: both;
}

a img { border: 0 none; }
img { border: 0 none; }

/* ------------------------------------ */
/*               Header                 */
/* ------------------------------------ */


#header {
	position: relative;
	width: 1100px;
	height: 321px;
	background: url(images/header.jpg) left top no-repeat;
	margin: 0 auto;
	text-align: left;    
}

#header-in {
	text-align:left;
	padding: 64px 0px 0 100px;
	font-size: 1.1em;
}

#header-in a {
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

#conteneur-1 {
	background: url(images/corp-fond.jpg) repeat-y 0 0;  
}

#conteneur-2 {
	background: url(images/corp-top.jpg) no-repeat;
	padding: 0 80px 0 80px;
}


/* ------------------------------------ */
/*               Conteneur              */
/* ------------------------------------ */


#centre {
	float: left;
	margin-left: 183px;
	width: 574px;
}

.centre-publicite h3 {
	color: #FFF;
	margin: 0;
	padding: 12px 0 10px 0;
}

.centre-publicite-gauche {
	background: url(images/centre-publicite-gauche.jpg) no-repeat 0 0;
	float: left;
	width: 198px;
	height: 343px;
}

.centre-publicite-gauche-in {
	padding: 0 24px 0 24px;
}

.centre-publicite-droite {
	background: url(images/centre-publicite-droite.jpg) no-repeat 0 0;
	float: left;
	width: 376px;
	height: 343px;
}

.centre-publicite-droite-in {
	padding: 42px 0 0 20px;
}

.centre-haut {
	background: url(images/centre-haut.jpg) no-repeat 0 0;
	min-height: 50px;
}

.centre-fond {
	background: url(images/centre-fond.jpg) repeat-y 0 0;
	padding: 0 30px 0 30px;
}

.centre-fond p {
	margin-bottom: 0;
}

.centre-bas {
	background: url(images/centre-bas.jpg) repeat-y 0 0;
	min-height: 40px;
}

.annonce {
	padding-bottom: 10px;
}

.annonce a {
	color: #ff6000;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.5em;	
}

.annonce a:hover {
	color: #318a00;
	text-decoration: underline;
	font-weight: bold;
}

.annonce-liens {
	text-align: left;
	margin: 5px 0 0 0;
	background: url(images/centre-fiche-fond.jpg) no-repeat 0 0;
	min-height: 14px;
	padding-left: 285px;
}

.annonce-liens a {
	color: #058fd0;
	text-decoration: none;
	font-weight: normal;
	font-size: 1.0em;	
}

.annonce-liens a:hover {
	color: #058fd0;
	text-decoration: none;
	font-weight: normal;
	font-size: 1.0em;	
}

#droite {
	float: right;
	width: 183px;
}

.droite-fond {
	background: url(images/droite-fond.jpg) no-repeat 0 0;
	min-height: 140px;
	margin-bottom: 20px;
	padding: 0 20px 0 30px;
}

.droite-fond ul {
    list-style: none;
	margin: 0px;
	padding: 0 0 0 5px;
}

.droite-fond li a {
	line-height: 1.9em;
	text-decoration: none;
	color: #000000;
	margin: 0px;
	padding: 0 0 3px 0;
	border-bottom: solid 1px #b0edff;
}


.droite-pub-haut {
	background: url(images/droite-pub.jpg) no-repeat;
	height: 51px;
}

.droite-webmaster-haut {
	background: url(images/droite-webmaster.jpg) no-repeat;
	height: 47px;
}

#gauche {
	float: left;
	width: 183px;
	position: absolute;
}

.gauche-fond {
	background: url(images/gauche-fond.jpg) no-repeat 0 0;
	min-height: 140px;
	margin-bottom: 20px;
	padding: 0 0 0 30px;
}

.gauche-fond ul {
    list-style: none;
	margin: 0px;
	padding: 0 0 0 5px;
}

.gauche-fond li a {
	line-height: 1.9em;
	text-decoration: none;
	color: #000000;
	margin: 0px;
	padding: 0 0 3px 0;
	border-bottom: solid 1px #b0edff;
}

.gauche-categories {

}

.gauche-categories-haut {
	background: url(images/gauche-categories.jpg) no-repeat;
	height: 48px;
}

.gauche-pub {

}

.gauche-pub-haut {
	background: url(images/gauche-pub.jpg) no-repeat;
	height: 48px;
}

.gauche-partenaires {

}

.gauche-partenaires-haut {
	background: url(images/gauche-partenaires.jpg) no-repeat;
	height: 51px;
}

/* ------------------------------------ */

#centre-fiche {
	float: right;
	width: 757px;
}

.centre-publicite-fiche {
	min-height: 308px;
}

.centre-publicite-fiche-gauche {
	background: url(images/centre-publicite-fiche-gauche.jpg) no-repeat;
	float: left;
	width: 362px;
	height: 308px;
}

.centre-publicite-fiche-gauche-in {
	padding : 40px 0 0 31px ;
}

.centre-publicite-fiche-droite {
	background: url(images/centre-publicite-fiche-droite.jpg) no-repeat;
	float: left;
	width: 383px;
	height: 308px;
}

.centre-publicite-fiche-droite-in {
	padding : 40px 0 0 25px ;
}

.centre-fiche-gauche {
	float: left;
	width: 574px;
}

.centre-fiche-droite {
	float: left;
	width: 183px;
}

#gauche-fiche {
	float: left;
	width: 183px;
}



/* ------------------------------------ */
/*              Footer                  */
/* ------------------------------------ */

#footer {
	width: 1100px;
	height: 224px;
	background: url(images/footer.jpg) left top no-repeat;
}

#footer p {
	text-align: center;
	padding: 75px 0 0 0;
	margin: 0;
}

#footer a {
	color: #1272c3;
}
















/* ------------------------------------ */
/*              Pagination              */
/* ------------------------------------ */


.paginationblock {font-size:12pt;
	display:block;
	text-align:center;
	color:#000;
	margin-top:40px;
	margin-bottom:10px;
}
a.pagination {
	padding:10px;
	margin-left:5px;
	color:#FFF;
	-moz-border-radius:7px; -webkit-border-radius:7px;border-radius:7px;
	font-size:12pt;
	background: #b5bdc8; /* old browsers */
	background: -moz-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(36%,#828c95), color-stop(100%,#28343b)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* ie */	
}

a.pagination:hover {
	color:#FFF;
	background: #F9BA61; /* old browsers */
	background: -moz-linear-gradient(top, #F9BA61 0%, #EB7907 100%, #C97806 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9BA61), color-stop(100%,#EB7907), color-stop(100%,#C97806)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9BA61', endColorstr='#C97806',GradientType=0 ); /* ie */
	
}
.page_actuelle {
	display:inline;
	padding:10px;
	margin-left:5px;
	color:#FFF;
	-moz-border-radius:7px; -webkit-border-radius:7px;border-radius:7px;
	font-size:12pt;
	background: #F9BA61; /* old browsers */
	background: -moz-linear-gradient(top, #F9BA61 0%, #EB7907 100%, #C97806 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9BA61), color-stop(100%,#EB7907), color-stop(100%,#C97806)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9BA61', endColorstr='#C97806',GradientType=0 ); /* ie */
	font-weight:bold;
}