/*
			CSS Rules @ Utagawa VTT 
	designed by OZ Graf'x - www.oz-grafx.com
*/

/* ---- Layout ---- 
html, body { background: url('/_images/back.jpg') #FAFCF2 top left repeat-x; margin:0; padding:0; }*/

#content { background: url('/_images/backcontent.jpg') transparent top left no-repeat; padding:20px 15px; margin:0; min-height:500px; min-width:780px; }
	#searchbox { width:195px; float:left; }
	#results { margin-left:210px; width:auto; }
	#legend { margin-bottom:5px; padding:0; font-size:10px; }
	

#header { background: url('/_images/header.jpg') transparent top left no-repeat; height:101px; }
#header li.user { color:#CCD2B7; }
#header { margin: 0; padding:0 20px; text-align:center; }

#clear { clear:both; margin:0; height:2px; } /* pour contrer le bug d'affichage de IE */

#avert { display:block;margin:0 0 0 220px; padding:0 20px; width:68%; }

#news { width:85%; margin:35px auto; }
#map2 { width:95%; height:250px; margin:5px auto; align:center;}

#nav { padding:0; margin:0; position:absolute; top:59px; left:250px; min-width:560px; overflow:hidden; }
#nav ul li { display:inline; padding-right:10px; margin:0; }
#nav ul { margin:0; padding:0; }

#adsindex { font-size:10px; width:130px; background-color:#ABB38F; border:1px dotted #8D956F; padding:5px; }
#adsindex.concours { color:#E9ECDC; height:130px; background: url('/_images/concours.jpg') transparent top left no-repeat; }
#adsindex.offre { color:#E9ECDC; height:10px; }

#cadredroite { font-size:10px; width:130px; background-color:#ABB38F; border:1px dotted #8D956F; padding:5px; }
#cadredroite a, #nav a:visited { color:#fff; text-decoration:none; } /* border transparent pour gruger mozilla */
#cadredroite a:hover { color:#D7FF00; text-decoration:underline; }
#cadredroite ol { margin-top:15px; }
#cadredroite ol li { margin-left:-25px !important; margin-left:-20px; padding-left:0px; text-align:left; }
#results td tr { padding-left:0px; text-align:left;}


/* ---- Typographie ---- 
html, body { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
h1 { font-size:16px; text-align:center; border:1px solid #D7FF00; background:#4D553D; color:#fff; padding:3px 6px; font-weight:bold; width:60%; margin:12px auto; }
h2 { font-size:14px; margin-bottom:-12px; line-height:17px; text-align:center; }
h3 { font-size:13px; margin-bottom:-5px; line-height:17px; }*/

	/* creation de balises */
	titre { font-size:16px; background:#5F684C; color:#fff; padding:3px 6px; font-weight:bold; } /* #5F684C */
	
	/* classes */
	.baseline { font-weight:bold; font-size:14px; }
	.spacer { margin:22px 0; } /* espacement entre paragraphes */
	.c { text-align:center; }
	.txtintro { font-size:14px; text-align:center; }
	.avert { font-weight:bold; font-size:16px; }
	.avertTxt { margin-bottom:26px; }
	.avert, .avertTxt { padding:0 2%; font-style:italic; font-size:10px; }
	.nbtopos { font-size:12px; font-style:italic; color:#353B27; text-align:center; } /* #353B27 */
	.remarque { font-size:10px;  padding:0 5px; text-align:center; } /* #5F684C */
	.active { color:#D7FF00; }
	.subtitre { background-color:#5F684C; color:#fff; padding:2px 6px; font-weight:bold; margin:5px 2px 5px 1px; }
	.google { width:480px; height:65px; text-align:center; margin:0 auto; }
	.author { font-size:9px; }
	.allcomments { font-size:10px; }
	.author, .allcomments { text-align:right; font-style:italic; }
	.comment { text-align:justify; padding:8px 0; border-left:1px dotted #606C4C; } /* 606C4C */
	img.thumb { padding:2px 0; }
	.help:hover { cursor:help; }
	.code { font-weight:bold; margin-top:10px; margin-bottom:5px; text-align:left; }
	.pre { font-family:Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #606C4C; background-color:#FAFCF2; padding:5px; text-align:left; margin-top:0; width:96% } /* bouts de code */
	.partenaires { text-align:center; padding:8px 0; }
	.msg { color:#D8FF03; font-style:italic; padding-left:7px; text-align:center; }
	.rem_acces { font-style:italic; margin:5px 0 0 0; }

	table.data { font-size:11px; margin-left:-9px; margin-bottom:5px; padding:0; }
	
	table.bannieres { width:90%; margin-top:30px; }
	
	table.strip { margin:0; font-size:12px; color:#343B29; margin-bottom:20px; }
	
	table.vendeur td { text-align:left; padding-left:35%; }
	table.vendeur ul li.star { list-style-image:url('/_images/star.gif'); }
	table.vendeur ul li { list-style-image:url('/_images/starspacer.gif'); }
	
	table.footer td { text-align:center; font-size:10px; color:#8E9785; line-height:12px; }
	table.footer td a, table.footer td a:visited { color:#8E9785; text-decoration:none; }
	table.footer td a:hover { text-decoration:underline; }
	table.footer td a:hover img { text-decoration:none; }
	td.border { border-bottom:1px dotted #7f8967; text-align:center; }
	td.cadre { border:1px dotted #D7FF00; text-align:center; }

	/* liste articles */
	ul#articles { line-height:16px; font-size:larger; margin-top:25px; }
	ul#articles li { list-style-type:none; line-height:26px; padding:0 0 0 28px; }
	li.art  { background:url('_images/icn_art.gif') no-repeat 0 3px; }
	li.gps { background:url('_images/icn_art_gps.gif') no-repeat 0 3px; }
	li.video { background:url('_images/icn_tut_video.gif') no-repeat 0 3px; }
	
	/* valeurs dirigees par un calque */
	#nav { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-align:left; }
	#nav a, #nav a:visited { color:#fff; text-decoration:none; } /* border transparent pour gruger mozilla */
	#nav a:hover { color:#D7FF00; text-decoration:underline; }
	
	#news img.pictstrip { margin:0 5px; border:1px dotted #D7FF00; }
	#news p { margin:0; margin:6px auto 6px auto; }
	#news p.date { letter-spacing:2px; font-size:11px; margin:0; }
	#news p.txtNews { margin:2px auto 8px auto; letter-spacing:normal; font-size:12px; }

	#legend img { margin:0; padding:0 5px; }
	
	#content { color:#343B29; }
	#content img { margin:0 10px; border:1px dotted #D7FF00; }
	#content img.l { margin:0 0 0 25px; } /* marge a gauche de l'img */
	#content img.r { margin:0 25px 0 0; } /* marge a droite de l'img */
	
	#content a, a:visited { color:#0766BF; text-decoration:none; } /* #0766BF */
	#content a:hover { text-decoration:underline; }
	#content th { background-color:#606C4C; color:#fff; height:16px; } /* #606C4C */
	#content table.technique img { border: 1px none transparent; } 
	
	#content a.proximite { float:right; color:#D7FF00; font-weight:bold; font-size:smaller; padding-top:3px; }
	#content a.proximite:link, #content a.proximite:visited { color:#D7FF00; }
	#content a.proximite:hover { color:#D7FF00; text-decoration:underline; }
	#content a.proximite:active { }
	
	#content .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://b.static.ak.fbcdn.net/rsrc.php/z39E0/hash/ya8q506x.gif) no-repeat top left; color:#D7FF00; font-weight:bold; font-size:smaller; }
	
	#adsindex a:link, #adsindex a:visited, #adsindex a:hover, #adsindex a:active { color:#D7FF00; }

	#results p { margin-bottom:0px; }
	#results a, #results a:visited { color:#0766BF; text-decoration:none; }
	#results a:hover { color:#1282EB; text-decoration:none; } /* #1E9EEF */
	#results img { border:1px none transparent; margin:0; }
	#results th { background-color:#7F8967; padding-left:5px;}
	#results td { padding-left:5px; }
	
	#coldroite .last { background-color:#5F684C; color:#D7FF00; }


	#haloscan-recent { padding: 2px; margin: 2px; }
	#haloscan-recent a { text-decoration: none; color: #343B29;}
	#haloscan-recent ul {  list-style: none; width: 100%; overflow: hidden; margin: 0; padding: 0;}
	#haloscan-recent li { text-align: justify; list-style: none; margin: 1px;}
	#haloscan-recent li span.hsrname { color: #06c; font-weight: bold; }
	#haloscan-recent li span.hsrmsg { font-weight: normal; }
	#haloscan-recent a:visited, a:hover {color: #343B29; text-decoration:none;}