body {
	background:url(../images/bg.gif) #e2e2c9 top repeat-x;
	margin:0;
	padding:0;
	}
#main {
	width:980px;
	position:absolute;
	left: 45%;
	margin-top: 0px; /* moitié de la hauteur */
	margin-left: -440px; /* moitié de la largeur */
	}

/*Entête*/
#main #header {
	position:relative;
	height:230px;
	background:url(../images/bg.gif) top repeat-x;
	}
#main #header img {
	border:none;
	position:absolute;
	top:0px;
	left:0px;
	}
#main #header h1 {
	font: bold 40px Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	color:white;
	margin:0;
	padding:20px 0 0 230px;
	}
#main #header h1 strong {
	font:normal 23px Georgia, "Times New Roman", Times, serif;
	color:#f5a205;
	display:block;
	}
#main #header p {
	position:absolute;
	left: 786px;
	top: 20px;
	display:block;
	height:53px;
	width:181px;
	background:url(../images/cptecl.gif);
	text-indent:60px;
	font:bold 11px Arial, Helvetica, sans-serif;
	padding-top:30px;
	margin:0;
	}
#main #header p strong {
	font-size:12px;
	display:block;
	text-indent:60px;
	color:#e9fc18;
	}
#main #header p a {
	color:white;
	text-decoration:none;
	}
#main #header ul {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top: 114px;
	left: 39px;
	}
#main #header ul li {
	float:left;
	height:54px;
	width:148px;
	margin:0 1px 0 0;
	}
#main #header ul li a {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:white;
	text-decoration:none;
	display:block;
	padding:13px 0 0 0;
	height:41px;
	width:148px;
	text-align:center;
	background:url(../images/nav-off.gif) bottom no-repeat;
	}
#main #header ul li a:hover {
	background:url(../images/nav-on.gif) bottom no-repeat;
	}
#main #header ul li .actif {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:white;
	text-decoration:none;
	display:block;
	padding:13px 0 0 0;
	height:41px;
	width:148px;
	text-align:center;
	background:url(../images/nav-on.gif) bottom no-repeat;
	}
#main #header ul li strong {
	font-size:13px;
	color:#b8aa38;
	display:block;
	}
#main #header div {
	position:absolute;
	left: 254px;
	top: 173px;
	background:url(../images/pubverticale.gif) left no-repeat;
	height:90px;
	width:749px;
	text-align:right;
	}

/*Newsletter*/
#main #header #newsletter {
	position:absolute;
	background:url(../images/news.gif) left top no-repeat;
	height:32px;
	text-indent:60px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:white;
	text-align:left;
	padding-top:5px;
	width:440px;
	}
#main #header #newsletter form {
	margin:0;
	padding:0;
	}
#main #header #newsletter .ok {
	background:#cc9900;
	border:solid 1px #cc9900;
	width:35px;
	color:white;
	}

/*Contenu central*/
#main #left #content {
	padding:10px 18px;
	background:white;
	}


/*Colonne de gauche*/
#main #left {
	float:left;
	width:656px;
	margin-top:12px;
	margin-bottom:20px;
	background:url(../images/topcontent.gif) top no-repeat;
	padding-top:5px;
	}
#main #left img {
	display:block;
	}

/*Fil d'arianne*/
#main #left #arianne {
	margin:0;
	padding:5px 18px 15px 18px;
	list-style:none;
	background:white;
	}
#main #left #arianne li {
	display:inline;
	font:normal 11px Arial, Helvetica, sans-serif;
	}
#main #left #arianne li a {
	color:orange;
	}


/*Colonne de droite*/
#main #right {
	float:right;
	width:315px;
	padding-top:10px;
	}
#main #right #publication {
	background:url(../images/publication.gif) top no-repeat;
	width:315px;
	height:117px;
	margin-bottom:10px;
	}
#main #right #publication h4 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:orange;
	padding-top:25px;
	padding-left:10px;
	margin:0;
	}
#main #right #publication p {
	color:white;
	font:normal 11px Arial, Helvetica, sans-serif;
	margin:0;
	padding-left:10px;
	padding-top:10px;
	}
#main #right #publication p a {
	color:orange;
	}
#main #right #search {
	height:95px;
	background: url(../images/search.gif) top no-repeat;
	margin-bottom:10px;
	}
#main #right #search h4 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:white;
	padding-top:12px;
	padding-left:10px;
	margin:0;
	}
#main #right #search form {
	margin:0;
	padding:10px 0 0 10px;
	height:30px;
	}
#main #right #search a {
	color:white;
	font:normal 11px Arial, Helvetica, sans-serif;
	padding-left:10px;
	}

/*Bienvenue*/
#main #right #bienvenue {
	width:315px;
	height:65px;
	font:normal 11px Arial, Helvetica, sans-serif;
	background:url(../images/bienvenue.gif) bottom no-repeat;
	}
#main #right #bienvenue p {
	padding:15px;
	margin:0;
	}
#main #right #bienvenue strong {
	font-size:14px;
	color:#3c4f24;
	display:block;
	padding-bottom:3px;
	}
#main #right #bienvenue a {
	color:#3c4f24;
	}


/*Astuce au hazard*/
#main #right #astuce {
	width:315px;
	margin-bottom:10px;
	}
#main #right #astuce h4 {
	font:bold 18px Georgia, "Times New Roman", Times, serif;
	height:45px;
	background:url(../images/astuce.gif) top no-repeat;
	line-height:45px;
	color:white;
	text-indent:60px;
	margin:0;
	padding:0;
	}

#main #right #astuce .scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	overflow: hidden;
	background:white;
	}
#main #right #astuce p {
	font:normal 12px Arial, Helvetica, sans-serif;
	margin:0;
	padding:15px;
	line-height:18px;
	text-align:justify;
	background:white;
	}
#main #right #astuce h5 {
	margin:0;
	padding:15px 15px 0 15px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#3c4f24;
	background:white;
	} 
#main #right #astuce p img {
	float:right;
	margin:0 20px 5px 5px;
	}
#main #right #astuce .astucesuivante {
	text-align:right;
	font:normal 11px Arial, Helvetica, sans-serif;
	display:block;
	height:23px;
	width:305px;
	padding-right:10px;
	line-height:23px;
	background:url(../images/astucesuivante.gif);
	}
#main #right #astuce .astucesuivante a {
	color:white;
	}

/*Publicité*/
#main #right #add {
	margin-left:7px;
	width:300px;
	}
#main #right #add span {
	background:orange;
	font:bold 11px Georgia, "Times New Roman", Times, serif;
	color:white;
	display:block;
	line-height:15px;
	text-indent:15px;
	}
#main #topadd {
	width:748px;
	margin-left:120px;
	padding-left:20px;
	background:url(../images/pubverticale.gif) left no-repeat;
	}
#main #right #add span {
	background:orange;
	font:bold 11px Georgia, "Times New Roman", Times, serif;
	color:white;
	display:block;
	line-height:15px;
	text-indent:15px;
	}

/*Tags*/
#main #right #tags {
	margin-top:10px;
	background:url(../images/toptags.gif) top;
	padding-top:5px;
	}
#main #right #tags img {
	display:block;
	}
#main #right #tags div {
	text-align:center;
	padding:7px;
	background:#3c4f24;
	font-family:Arial, Helvetica, sans-serif;
	}
#main #right #tags div p {
	line-height:23px;
	margin:0;
	padding:0;
	}
#main #right #tags div a {
	text-decoration:none;
	}
#main #right #tags div a:hover {
	text-decoration:underline;
	}
#main #right #tags div .orange {
	color:orange;
	}
#main #right #tags div .yellow {
	color:yellow;
	}
#main #right #tags div .white {
	color:white;
	}
#main #right #tags div .strong {
	font-weight:bold;
	}
#main #right #tags div .t11 {
	font-size:11px;
	}
#main #right #tags div .t13 {
	font-size:13px;
	}
#main #right #tags div .t14 {
	font-size:14px;
	}
#main #right #tags div .t16 {
	font-size:16px;
	}
#main #right #tags div .t18 {
	font-size:18px;
	}
#main #right #tags div .t19 {
	font-size:19px;
	}

/*Adsense*/
#main #right #adsense {
	margin-top:10px;
	text-align:center;
	}

#main #right #adsensedossier {
	margin-top:10px;
	text-align:center;
	}
/*Footer*/
#main #footer {
	background:url(../images/tilfooter.gif) top repeat-x #181f0e;
	clear:both;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:white;
	text-align:center;
	margin-top:20px;
	padding-bottom:10px;
	}
#main #footer ul {
	line-height:50px;
	}
#main #footer ul li {
	display:inline;
	padding-right:10px;
	}
#main #footer ul li a {
	color:white;
	}