/* ######################################################## */
/* FEUILLE DE STYLE REALISEE PAR ARNAUD MAILLARD / PIXME.FR */
/* POUR LE SITE TYPE911.ORG                                 */
/* TOUS DROITS RESERVES - REPRODUCTION INTERDITE            */
/* ######################################################## */

body { font-family:Arial, Helvetica, Verdana, sans-serif; font-size:12px; margin:0; padding:0; background:#006; color:#003; }
	a { text-decoration:none; color:#28489E; font-weight:bold; }
		/*a:visited { color:#936; }*/
		a:hover { color:#DC8831; text-decoration:underline; }
	p { margin:0 0 10px 0; text-align:justify; padding:0; line-height:1.4em; }
	table { margin:0 auto 10px; background:#003; border:none; }
	th { font-weight:bold; text-align:center; background:url("th.gif") repeat-x; vertical-align:middle; height:30px; padding-right:5px; padding-left:5px; color:#FFF; }
	th a {color:#FFF; text-decoration:underline; }
	td { background:#FFF; padding:5px; }
	em { font-style:italic; }
	dl { text-align:left; }
	dt { font-weight:bold; }
	dd { margin:0 0 15px 20px; }
	blockquote { border:dashed #006 1px; background:#9CF; margin:5px 10px 5px 20px; padding:5px 10px; }
	h1 { background:url("h1.gif"); text-align:center; color:#006; font-size:1.4em; margin:10px 0; padding:3px; border:#DC8831 solid 2px; }
	h2 { margin:15px 0 10px 0; font-size:1.6em; font-weight:bold; color:#006; border-bottom:1px solid #006; background:#A6CEF1; padding:2px 10px; }
	h3 { margin:0 0 5px 0; font-size:1.4em; font-weight:bold; text-align:left; }
	h4 { margin:0 0 5px 0; font-size:1.3em; font-weight:bold; }
	h5 { margin:0 0 5px 0; font-size:1.2em; font-weight:bold; }
	h6 { margin:0 0 5px 0; font-size:1.1em; font-style:italic; }
	q { font-style:italic; }
	textarea { min-width:450px; }

#conteneur { position:absolute; width:100%; margin:0; padding:0; border:0; }

	#header { margin:0; padding:0; background:url("tetiere.gif") repeat-x; height:117px; }
		#bandeau { display:block; height:80px; padding:0; margin:0; background:url("t00g.jpg") no-repeat; width:100%; overflow:hidden; }
			#accueil { display:block; height:80px; margin:0; padding:0; background:url("t00d.gif") top right no-repeat; }
		#speedbar { height:20px; padding:0 0 0 240px; margin:0; background:url("t10.gif") top left no-repeat; }
			#search { width:115px; height:16px; float:right; margin:0; padding:2px 0; overflow:hidden; background:url("search.gif") 0 3px no-repeat; }
				#search input.text { width:84px; height:14px; margin:0; padding:0 2px 0 5px; border:0; color:#006; font-size:12px; background:none; }
				#search input.btn { width:22px; height:14px; margin:0; padding:0; border:0; color:#FFF; text-align:center; font-size:12px; background:none; }
			#menu { height:18px; border-left:1px solid #FFF; margin:0; padding:1px 0; }
				#menu ul { margin:0; padding:0; list-style-type:none; display:block; float:left; height:18px; }
					#menu li { margin:0; padding:0; float:left; position:relative; }
						#menu li a { color:#FFF; padding:1px 20px; border-right:1px solid #FFF; display:block; float:left; font-weight:bold; height:16px; text-decoration:none; }
							#menu li a:hover { background:#006; color:#DC8831; }
						#menu ul li ul { display:none; }
						#menu ul li:hover ul { display:block; position:absolute; background:#28489E; opacity:0.9; width:150px; top:18px; left:0; overflow:hidden; height:auto; border:1px solid #FFF; border-bottom:0; z-index:50; }
						#menu li ul li { display:block; float:none; }
						#menu li ul li a { display:block; float:none; color:#FFF; font-weight:normal; border:0; border-bottom:1px solid #FFF; }
					#menu li.plusun { padding:2px 0 0 5px; }
		#pocketmenu { display:none; }

	#gauche { float:left; width:125px; padding:0 10px 10px 10px; margin:0; }
		#gauchetd { width:125px; padding:0 10px 10px 10px; margin:0; background:#006; }
			.boxtop { width:125px; height:14px; padding:16px 0 0 0; background:url("boxtop.gif") no-repeat; text-align:center; color:#DC8831; font-weight:bold; overflow:hidden; }
			.box { width:104px; padding:5px 9px 0 12px; background:url("box.gif") repeat-y; color:#FFF; list-style-type:none; margin:0; text-align:left; }
				.box a { display:block; width:104px; padding:1px 0; color:#FFF; font-weight:normal; }
					.box a:hover { color:#DC8831; text-decoration:underline; }
			.boxbottom { width:125px; height:15px; background:url("boxbottom.gif") no-repeat; padding:0; margin:0 0 10px 0; }

			.boxext { width:125px; min-height:14px; height:auto !important; height:14px; padding:15px 0 0 0; background:url("boxtop.gif") no-repeat; text-align:center; color:#DC8831; font-weight:bold; }
				.boxext div { overflow:hidden; height:14px; }

			.GB { display:block; width:102px; margin:0; padding:8px 0 8px 23px; background:url("guestbook.gif") 5px 8px no-repeat; color:#DC8831; font-weight:bold; }
			.agenda { text-indent:20px; background:url("agenda.gif") no-repeat; width:84px; }
			.pic { text-indent:20px; background:url("pic.gif") no-repeat 0px 5px; width:84px; border-top:2px solid #DC8831; }
			.giogg , .gioas { display:inline-block;margin-top:20px; }

	#droite { float:right; width:160px; padding:0 10px 10px 10px; margin:0; }
		#droitetd { width:160px; padding:0 10px 10px 10px; margin:0; background:#006; }
		.boxprofil { width:104px; padding:5px 9px 0 12px; background:url("box.gif") repeat-y; }
			.boxprofil a { display:block; padding:1px 0; color:#FFF; font-weight:normal; /*width:86px;*/ padding-left:18px; }
				.boxprofil a:hover { color:#DC8831; text-decoration:underline; }
			.box form { margin:0; padding:0; border:0; }
			.box form input.login { width:90px; height:14px; margin:0; padding:0 0 0 5px; background:#FFF; color:#006; font-size:1em; border:1px solid #006;  }
			.box form input.pass { width:70px; height:14px; margin:0; padding:0 0 0 5px; background:#FFF; color:#006; font-size:1em; border:1px solid #006; display:inline; }
			.box form input.btn { width:20px; height:16px; margin:0; padding:1px 2px; border:0; background:#006; color:#FFF; text-align:center; font-size:1em;}
		#pub { width:160px; margin:0 auto; }
		#droite .boxtop , #droite .boxbottom, #droite .boxprofil, #droite .boxext , #droite .box ,
		#droitetd .boxtop , #droitetd .boxbottom, #droitetd .boxprofil, #droitetd .boxext, #droitetd .box  { margin-left:auto; margin-right:auto; }

	#centre { background:#FFF; margin:0 180px 0 145px; padding:0; color:#000; /*min-width:690px;*/ }
		#centretd { background:#006; margin:0; padding:0; color:#000; }
			#ticker { background:#006; margin:0; padding:0 10px 5px 5px; color:#FFF; font-weight:bold; font-size:1.2em; text-align:center; overflow:hidden; }
				#ticker a { color:#FF0; }

			.banniere { padding:5px 0; text-align:center; }
				.banniere a, .banniere a img { border:0; }
				
			#centrehautgauche { padding:0 0 0 10px; margin:0; background:url("centrehautgauche.gif") top left no-repeat ; }
				#centrehautdroite { padding:0 17px 0 0; margin:0; background:url("centrehautdroite.gif") top right no-repeat; }
				#centrehautmilieu { padding:0; margin:0; font-size:0.1em; height:10px; background:#FFF; }
			#contenu { padding:2px 27px 2px 20px; background:#FFF url("centremilieudroite.gif") repeat-y right; min-height:400px; overflow:hidden; }
				#centretd img , #contenu img { max-width:550px; /*max-width:100%; height:auto; box-sizing:border-box;*/ } 
			.chemin { padding:0 0 0 10px; background:url("chemingauche.gif") no-repeat; margin:0 0 15px 0; }
				/*.chemindroite { padding:2px 10px 2px 0; background:#93A3CE url("chemindroite.gif") top right no-repeat; color:#000; font-style:italic; } */
				.chemin a , .chemin strong { padding:0 5px 0 17px; background:url("chemin.gif") no-repeat 7px 4px; font-weight:normal; }
					.chemin a:hover {background:url("chemino.gif") no-repeat 7px 4px; color:#F00; }
				
			.connectes { margin:20px 0 0 0; padding:0; clear:both; }
				.connectes a { color:#FFF; font-weight:normal; }
				.connectes a:hover { color:#DC8831; text-decoration:underline; }

			/* passage au CSS3 */
			#centre { background:none; }
			#centrehautgauche , #centrebasgauche { display:none; }
			#contenu { padding:12px 27px 12px 20px; margin:0 0 15px 0; background:#FFF; border-radius:10px; box-shadow:5px 5px 8px rgba(0,0,0,0.3); overflow:auto; }
			.chemin { padding:2px 10px; margin:0 0 15px 0; background:#93A3CE; color:#000; border-radius:6px; font-style:italic; }
			.connectes { padding:2px 10px; border-radius:6px; background:#006; color:#FFF; }
			.connecteshg , .connectesbg { display:none; }
			/* fin passage au CSS3 */

		#centrebasgauche { padding:0 0 0 10px; margin:0 0 10px 0; background:url("centrebasgauche.gif") top left no-repeat ; }
			#centrebasdroite { padding:0 17px 0 0; margin:0; background:url("centrebasdroite.gif") top right no-repeat; }
			#centrebasmilieu { background:#FFF url("centrebascentre.gif") repeat-x; padding:18px 0 0 0; margin:0; font-size:0.1em; }

	#forumtable { width:100%; background:#006; margin:0; padding:0; }

	#pied { clear:both; margin:0; padding:4px 175px 2px 20px; color:#FFF; background:#28489E url("pied.gif") top center no-repeat; }
		#pied a { color:#FFF; font-weight:normal;}
			#pied a:hover { color:#DC8831; }
			.mentions { padding-left:18px; background:url("mentions.gif") no-repeat 0px 3px; }
			.sitemap { padding-left:14px; background:url("sitemap.gif") no-repeat 0px 2px; }
			.pixme { padding-right:30px; background:url("http://pixme.fr/logos/27x7.gif") no-repeat right 5px; }
		#footertech { margin:0; padding:0; font-size:0.8em; color:#93A3CE; float:right; text-align:right; }
			#footertech a.up { padding:0 0 0 10px; background:url("up.gif") no-repeat 0 2px; font-weight:bold; font-size:12px; }
				#footertech a.up:hover { background:url("upo.gif") no-repeat 0 2px; }

/* ##### STYLES GENERIQUES ##### */
.surligne { background:#FF0; }
.centre { text-align:center; }
.droite { text-align:right; margin-right:5px; }
.alert { font-weight:bold; border:2px solid #F00; background:#FF0 url("alert.gif") no-repeat 15px 12px; padding:15px 8px 15px 55px; }
.flottantG { float:left; margin-left:5px; margin-right:5px; }
.flottantD { float:right; margin-left:5px; margin-right:5px; }
.bglight td { background:#A6CEF1; }
.bgdark td { background:#DC8831; }
.ajouter { background:url("ajouter.gif") no-repeat; padding-left:18px; }
.supprimer { background:url("supprimer.gif") no-repeat; padding-left:18px; padding-bottom:5px; }
.editer { background:url("editer.gif") no-repeat; padding-left:18px; padding-bottom:5px; padding-top:2px; }
.triasc { background:url("tricroissant.gif") no-repeat 0 3px; padding-left:18px; padding-bottom:5px; padding-top:2px; }
.tridesc { background:url("tridecroissant.gif") no-repeat 0 3px; padding-left:18px; padding-bottom:5px; padding-top:2px; }
.current { background:#A6CEF1; }
.rss { background:url("rss.gif") no-repeat; padding-left:18px; }
.infotech { padding-left:18px; background:url("rouage.gif") no-repeat 0 0; }
.encart { float:right; width:200px; background:#9CF; color:#006; border:dashed #006 2px; margin:5px 0 5px 20px; padding:10px; }
.liens { padding:0 0 1px 21px; background:url("url.gif") no-repeat; }
.ok { background:#6F9 url(ok.gif) 10px 10px no-repeat; padding:10px 10px 10px 40px; border:2px solid #090; }
.pasok { background:#F99 url(pasok.gif) 10px 10px no-repeat; padding:10px 10px 10px 40px; border:2px solid #F00; }
.pub { margin:0 0 10px 0; padding:0; text-align:center; }
.barre { text-decoration:line-through; }
.excel  { padding:2px 0 2px 18px; background:url(excel.gif) 0 0 no-repeat; }
.enligne { padding-left:12px; background:url(enligne.gif) 0 2px no-repeat; color:#090; }
.clear { clear:both; }
.bigger { font-size:1.4em; font-family:'arial Black', Arial, sans-serif; }

/* ##### COMPTE-RENDUS DE SORTIES 2013 ##### */
ul#cr { margin:0 0 20px 0; padding:0; list-style:none; }
	ul#cr li { display:inline-block; width:120px; text-align:center; font-size:10px; margin:5px; padding:0; overflow:hidden; vertical-align:top; }
		ul#cr li img { border:1px solid #003; }
		ul#cr li span img { border:0; }
			ul#cr li a:hover img { border-color:#F00; }

/* ##### ACCUEIL ##### */
.boiteacc { float:left; width:170px; margin:10px; display:inline-block; vertical-align:top; height:100%; float:none; }
.acctop { width:170px; height:27px; padding:15px 0 0 0; background:url("acctop.gif") no-repeat; text-align:center; color:#DC8831; font-weight:bold; overflow:hidden; }
.accmid { width:158px; padding:0 7px 0 5px; background:url("accmid.gif") repeat-y; color:#006; text-align:center; }
	.accmid img { border:2px solid #DC8831; }
	.acclien { text-align:right; padding-top:5px; width:158px; overflow:hidden; }
	.acclien a {  }
		.acclien a:hover { color:#DC8831; text-decoration:none; }
.accbottom { width:170px; height:16px; background:url("accbottom.gif") no-repeat; padding:0; margin:0; }

/* ##### CAROUSEL ##### */
.carousel { width:468px; height:60px; padding:0; margin:0 auto; position:relative; border:1px solid #FFF; z-index:1; }
	.carousel ul { width:468px; height:60px; margin:0; padding:0; list-style:none; }
		.carousel li { width:468px; height:60px; margin:0; padding:0; position:relative; z-index:2; }
			.carousel ul li img { vertical-align:top; margin:0; padding:0; }
.carousel a.prev, .carousel a.next { position:absolute; top:15px; z-index:5; cursor:pointer; }
	.carousel a.prev {left:0;}
	.carousel a.next {right:0;}
#ticker .carousel a , #ticker .carousel a img { color:#006; border:0; }

/* ##### PETITES ANNONCES ##### */
.emailsend { background:url("MPenvoi.gif") no-repeat 0 2px; padding-left:24px; }
#annoncedujour { width:200px; background:#28489E; color:#FFF; margin:5px; border:1px solid #006; padding:5px; text-align:center; }
	#annoncedujour img { border:2px solid #FFF; }
	#annoncedujour .titreannonce { font-weight:bold; color:#DC8831; }
	#annoncedujour a { color:#FFF; }
		#annoncedujour a:hover { color:#DC8831; }
.paimport { font-size:0.8em; }

/* ##### STYLES MESSAGERIE ##### */
.MP { background:url("MP.gif") no-repeat 0 2px; padding-left:18px; }
.newMP { background:url("MPnew.gif") no-repeat 0 2px; padding-left:18px; }
.MPsend { background:url("MPenvoi.gif") no-repeat 0 2px; padding-left:24px; padding-bottom:1px; }
.voir { background:url("loupe.gif") no-repeat; padding-left:18px; }
.mplu { background:url("MPread.gif") no-repeat; padding-left:18px; padding-top:2px; }
.mprepondu { background:url("MPanswered.gif") no-repeat; padding-left:23px; padding-top:2px; }

#bodyemail { background:#003; margin:0; padding:0; text-align:center; }
#headeremail { background:#006 url("t00g.jpg") no-repeat; height:80px; margin:0 0 10px 0; padding:0; border-bottom:1px solid #FFF; }
	#headeremail a { display:block; height:80px; }
#contenuemail { background:#FFF; padding:10px; width:600px; margin:5px auto; text-align:left; }

/*  ##### STYLES FORUM ##### */
.postit { background:url("postit.gif") no-repeat; padding-left:18px; }
.poste { background:url("poste.gif") no-repeat; padding-left:18px; } /* sujet que j'ai ouvert */
.repondu { background:url("repondu.gif") no-repeat; padding-left:18px; } /* auxquels j'ai répondu */
.aide { background:url("aide.gif") no-repeat; padding-left:18px; }
.info { background:aqua url("info.gif") no-repeat 6px 6px; padding:5px 5px 5px 25px; border-bottom:1px solid #003; border-left:1px solid #003; margin:15px 0; }
.retour { background:url("retour.gif") no-repeat; padding-left:18px; }
.aller { background:url("aller.gif") no-repeat; padding-left:18px; }
.newflag { font-family:Geneva, Verdana, Clean, Arial; font-size:9px; color:#F00; }
.citer { background:url("citer.gif") no-repeat; padding-left:18px; }
.mode { background:url("etoile.gif") no-repeat; padding-left:16px; }
.small { font-family:Verdana, Geneva, Arial; font-size:7pt; }
#list { font-size:12px; }
#list a img { border:none; } /* permet d'éviter les bordure sur les icones dans la liste du forum ou des sorties. */
.warn { background:url("signaler.gif") no-repeat; padding-left:16px; }
.signauto { font-size:0.85em; border-top:1px solid #003; margin:5px 0 0 0; padding:5px 0 0 0; }
.signauto .imgext { display:none; }
.zip { padding-left:18px; background:url(zip.gif) no-repeat; }

/* ##### SPECIF MODERATEURS ##### */
.admin { font-size:0.8em; text-align:right; background:#FC9; padding:4px; }
	.admin a { color:#000; }
	.admin a:hover { color:#FFF; text-decoration:underline; }
.cadenas { background:url("cadenas.gif") no-repeat; padding-left:18px; padding-bottom:5px; }
.cadenasouvert { background:url("cadenasouvert.gif") no-repeat; padding-left:18px; padding-bottom:5px; }
.cacher { background:url("cacher.gif") no-repeat; padding-left:18px; padding-bottom:5px; }
.reafficher { background:url("cacherno.gif") no-repeat; padding-left:18px; padding-bottom:5px; }

/* ##### STYLES MEMBRE ##### */
.annonces { background:url("annonces.gif") no-repeat 0 2px; padding-left:18px; }
.logout { background:url("logout.gif") no-repeat 0 3px;  }
.boutique { background:url("euro.gif") no-repeat 0 2px; padding-left:18px; }
.maporsche { background:url("ma911.gif") no-repeat 0 2px; padding-left:18px; }
.club { background:url("club.gif") no-repeat 0 2px; padding-left:18px; }

/* ##### BOUTIQUE ##### */
.relance { background:url("relance.gif") no-repeat; padding-left:18px; padding-bottom:5px; }
.caddievide { background:url("caddie.gif") no-repeat; padding-left:18px; padding-bottom:5px; }
.caddieplein { background:url("caddieplein.gif") no-repeat; padding-left:18px; padding-bottom:5px; }
.caddieajouter { background:url("caddieajouter.gif") no-repeat; padding-left:18px; padding-bottom:5px; }
.valider { background:url("valider.gif") no-repeat; padding-left:18px; padding-bottom:5px; }
.retirer { background:url("moins.gif") no-repeat; padding-left:18px; }

/* ##### INSOLITES ##### */
.insolite { display:block; float:left; width:160px; text-align:center; padding:5px; margin:5px; }

/* ##### PLAN DU SITE ##### */
.plandusite td { background:#A6CEF1; padding:0; margin:0; }

/* ##### TROMBINOSCOPE ##### */
#trombi td { vertical-align:top; text-align:center; }

/* ##### SONDAGE ##### */
.question { border:1px solid #006; background:#74B6D5 url(question.gif) 5px 4px no-repeat; padding:8px 5px 8px 35px; margin:0 0 15px 0; font-weight:bold; overflow:hidden; }

/* ##### PAGE PROFESSIONNELS ##### */
#pro { border-top:2px solid #FFF; padding:10px; }
/*
a.bulle { }
a.bulle em { display:none; }
a.bulle:hover { position:relative; z-index:50; }
a.bulle:hover em { display:block; font-style:normal; font-weight:normal; text-decoration:none; text-align:left; position:absolute; top:20px; left:20px; padding:5px; color:#006; border:2px solid #006; background:#CCF; width:200px; }
a.bulle:hover em span { position:absolute; top:-7px; left:20px; height:7px; width:11px; background:url(infobulletop.gif) no-repeat; margin:0; padding:0; border:0; }
*/
a.bulle { }
a.bulle em { display:none; }
a.bulle:hover { position:relative; z-index:20; }
a.bulle:hover em { font-style:normal; font-weight:normal; text-decoration:none; text-align:left; display:block; position:absolute; top:20px; left:20px; padding:5px; color:#006; border:2px solid #006; background:#CCF; width:200px; }
a.bulle:hover em span { position: absolute; top:-7px; left:20px; height:7px; width:11px; background:url(infobulletop.gif) no-repeat; margin:0; padding:0; border:0; }

/* ##### FICHES ##### */
#fiche { padding:80px 0 0 0; background:#006 url(fiche.jpg) no-repeat; }
#fiche #centre { margin:0 10px 10px 20px; color:#000; min-width:inherit; }
#fiche #contenu { height:auto; min-height:0; }
.fermer { background:url(fermer.gif) 0 3px no-repeat; padding-left:17px; color:#FFF; margin:10px 0; }

#smileys { width:70px; text-align:center; margin:0; padding:0; }
	#smileys a img { border:0; }
	#smileys table { margin:0; padding:0; } 
	#smileys td { padding:5px 0; }

a.trombi { position:relative; white-space:nowrap; }
a.trombi span { display:none; position:absolute; left:0; padding:2px; background:#FFF; border:1px solid #003; box-shadow:0 0 5px #CCC; z-index:100; }
a.trombi:hover span { display:block; }


@media screen and (max-width: 799px)
{
	/*table, /*td,*/ blockquote, code, pre, textarea, input, iframe, object, embed, video { max-width: 100%; height:auto; }
	table { width:auto !important; max-width: 100% !important; box-sizing:border-box; }
	th { width:auto !important; }
	textarea, table, td, th, code, pre, samp { word-wrap: break-word; hyphens:auto; }
	code, pre, samp { white-space: pre-wrap; }
	label { float:none; display:block; text-align:left; width:auto; }
	.inputtxt , textarea , select { width:auto; }
	textarea { width:auto !important; box-sizing:border-box; }
	.boutons { padding-left:0; }
	img { max-width:100% !important; height:auto; box-sizing:border-box; }

	/* Masquons l'inutile : */
	.nomobile, #bandeau, #search, #speedbar, #gauche, #gauchetd, #droite, #droitetd, #pied , #ticker , #centrehautgauche , #centrebasgauche , #___plusone_1 { display:none !important; }
	/* Adaptons */
	#header { height:auto; text-align:center; margin:1em 5%; }
		#pocketmenu { display:block; color:#FFF; }
			#pocketmenu a { color:#FFF; }
	#centre , #centretd { width:auto; min-width:0; margin:0; padding:0; background:none; }
		#contenu { padding:0; min-height:0; margin:1em 3%; border-radius:1em; padding:1em; background:#FFF; }
		.chemin { background:#93A3CE; border-radius:1em; padding:.1em 1em; }
			.chemindroite { padding:0; background:none; }
		h1 { text-align:left; border:0; border-bottom:2px solid #006; background:none; }
}
@media screen and (max-width:799px) and (orientation: landscape) { body { -webkit-text-size-adjust: 70%; } }